fusengine/tailwindcss-utility-classes
plugins/tailwindcss/skills/tailwindcss-utility-classes/SKILL.md
Index of Tailwind CSS utility-class categories (layout, spacing, typography, colors, borders, effects, state variants). Use when: unsure which category skill covers a given utility class and need routing to the right one. Do NOT use for: concrete class lookup or worked examples — go directly to the category skill (tailwindcss-layout/spacing/typography/backgrounds/borders/effects/interactivity), this file only routes.
$ install --global
skillsauthnpx skillsauth add fusengine/agents tailwindcss-utility-classesInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
Security Scan Results
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
3
Scanners Passed
9
Scanners in report
Clean
TrivyContainer and dependency vulnerability scanner
95%
Clean
SemgrepStatic code analysis for vulnerabilities
95%
Clean
mcp-scan (Snyk)Model Context Protocol security validation
95%
Skipped
Snyk (dep)Open source security scanning
50%
Skipped
Socket.devSupply chain security analysis
50%
Skipped
VirusTotalMulti-engine malware detection
50%
Skipped
CrowdStrikeAdvanced threat intelligence
50%
Skipped
OSV-ScannerOpen Source Vulnerability database check
50%
Skipped
OWASP Dep-Check
50%
Last scanned: Jul 17, 2026, 2:45 AM147.5s1 file scanned
SKILL.md
- name:
- tailwindcss-utility-classes
- description:
- Index of Tailwind CSS utility-class categories (layout, spacing, typography, colors, borders, effects, state variants). Use when: unsure which category skill covers a given utility class and need routing to the right one. Do NOT use for: concrete class lookup or worked examples — go directly to the category skill (tailwindcss-layout/spacing/typography/backgrounds/borders/effects/interactivity), this file only routes.
- user-invocable:
- false
Tailwind CSS Utility Classes — Index
Routing index only. Each category has its own skill with full worked examples — load that skill directly instead of this one when the category is known.
| Category | Skill | Covers | |----------|-------|--------| | Layout | tailwindcss-layout | display, flexbox, grid, position, container queries | | Spacing | tailwindcss-spacing | margin, padding, space-between | | Typography | tailwindcss-typography | font family/size/weight, text color/align/wrap, letter/line spacing, decoration | | Backgrounds/Colors | tailwindcss-backgrounds | background colors, gradients, images, blend modes | | Borders | tailwindcss-borders | border width/color/style/radius, outline, ring, divide | | Effects | tailwindcss-effects | shadows, opacity, filters, backdrop filters, masks | | State variants | tailwindcss-interactivity | hover/focus/active/disabled pseudo-class variants, cursor, scroll, pointer-events |
Border colors specifically live in tailwindcss-borders/references/border.md; text colors in tailwindcss-typography/references/text.md.
Related Skills
fusengine/ux-copy
testing
VerifiedTrustedCommunity
Copy self-audit and ban-lists — filler verbs/hype adjectives, slop placeholder names, fake-precise numbers, Title Case headlines, humor in error copy ('Oops!'), em-dash crutch, one copy register per page.
20SKILL.mdUpdated Jul 15, 2026
fusengine/design-webapp
development
VerifiedTrustedCommunity
Logged-in web apps — dashboards, auth flows, settings, onboarding, data tables, command palettes, modals, toasts. Register `product`: density and glance-speed over marketing polish, no hero/CTA-tricks, every data surface covers empty/loading/error explicitly, tables and dataviz follow preattentive-processing rules.
20SKILL.mdUpdated Jul 15, 2026
fusengine/design-web
development
VerifiedTrustedCommunity
Marketing sites, landing pages, campaign pages — register `brand` (design IS the product). Structure comes from the register's POV + a macrostructure pick, never from copying an inspiration site's section flow. Hero discipline, deviated section order, asymmetric grids, and a silhouette lookalike-test gate before ship.
20SKILL.mdUpdated Jul 15, 2026
fusengine/design-system
development
VerifiedTrustedCommunity
Token-strategy core — OKLCH color rules, neutral tinting, accent-commitment levels, type scale, 8pt spacing grid, touch targets, and the canonical output format of design-system.md (the file the harness gates on). This is routing step 1 of design-method/SKILL.md — read it before design-web/design-webapp/design-ios/design-android, before picking or auditing a single color/type/spacing value.
20SKILL.mdUpdated Jul 13, 2026