/tailwindcss-utility-classes
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 - go to the category skill.
$ npx -y skills add fusengine/agents --skill tailwindcss-utility-classes --agent claude-codeHow it fires
How this skill gets triggered: by you, by Claude, or both.
- Fires itselfAuto-invocation. Claude auto-loads it when your prompt matches the work.
- You can call itInvoke it directly when you want it.
- Slash command
/tailwindcss-utility-classes
Context preview
The summary Claude sees to decide when to auto-load this skill.
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 - go to the category skill.
SKILL.md
tailwindcss-utility-classes.SKILL.mdname: tailwindcss-utility-classes
description: "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 - go to the category skill."
user-invocable: false
<objective> A routing index over Tailwind CSS utility-class categories — layout, spacing, typography, colors, borders, effects, state variants — mapping each category to its dedicated `tailwindcss-*` skill (layout/spacing/typography/backgrounds/borders/effects/interactivity) and, where useful, a specific section within it.
Routing only: contains no worked examples or concrete class lookups itself; load the linked category skill directly once the category is known. </objective>
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](../tailwindcss-layout/SKILL.md) | display, flexbox, grid, position, container queries | | Spacing | [tailwindcss-spacing](../tailwindcss-spacing/SKILL.md) | margin, padding, space-between | | Typography | [tailwindcss-typography](../tailwindcss-typography/SKILL.md) | font family/size/weight, text color/align/wrap, letter/line spacing, decoration | | Backgrounds/Colors | [tailwindcss-backgrounds](../tailwindcss-backgrounds/SKILL.md) | background colors, gradients, images, blend modes | | Borders | [tailwindcss-borders](../tailwindcss-borders/SKILL.md) | border width/color/style/radius, outline, ring, divide | | Effects | [tailwindcss-effects](../tailwindcss-effects/SKILL.md) | shadows, opacity, filters, backdrop filters, masks | | State variants | [tailwindcss-interactivity](../tailwindcss-interactivity/SKILL.md#pseudo-class-state-variants) | hover/focus/active/disabled pseudo-class variants, cursor, scroll, pointer-events |
Border colors specifically live in [tailwindcss-borders/references/border.md](../tailwindcss-borders/references/border.md); text colors in [tailwindcss-typography/references/text.md](../tailwindcss-typography/references/text.md).
Read more
name: tailwindcss-utility-classes description: "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 - go to the category skill." user-invocable: false
<objective> A routing index over Tailwind CSS utility-class categories — layout, spacing, typography, colors, borders, effects, state variants — mapping each category to its dedicated `tailwindcss-*` skill (layout/spacing/typography/backgrounds/borders/effects/interactivity) and, where useful, a specific section within it.
Routing only: contains no worked examples or concrete class lookups itself; load the linked category skill directly once the category is known. </objective>
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](../tailwindcss-layout/SKILL.md) | display, flexbox, grid, position, container queries | | Spacing | [tailwindcss-spacing](../tailwindcss-spacing/SKILL.md) | margin, padding, space-between | | Typography | [tailwindcss-typography](../tailwindcss-typography/SKILL.md) | font family/size/weight, text color/align/wrap, letter/line spacing, decoration | | Backgrounds/Colors | [tailwindcss-backgrounds](../tailwindcss-backgrounds/SKILL.md) | background colors, gradients, images, blend modes | | Borders | [tailwindcss-borders](../tailwindcss-borders/SKILL.md) | border width/color/style/radius, outline, ring, divide | | Effects | [tailwindcss-effects](../tailwindcss-effects/SKILL.md) | shadows, opacity, filters, backdrop filters, masks | | State variants | [tailwindcss-interactivity](../tailwindcss-interactivity/SKILL.md#pseudo-class-state-variants) | hover/focus/active/disabled pseudo-class variants, cursor, scroll, pointer-events |
Border colors specifically live in [tailwindcss-borders/references/border.md](../tailwindcss-borders/references/border.md); text colors in [tailwindcss-typography/references/text.md](../tailwindcss-typography/references/text.md).
A plugin ecosystem that turns Claude Code into a supervised, multi-agent development environment.
Repo: fusengine/agents
Other skills on fusengine-agents.
- /agent-creator
Use when creating expert agents. Generates agent.md with frontmatter, hooks, required sections, and skill references.
Open skill - /apex-methodology
Use when starting ANY development task -- feature, bug fix, refactor, hotfix (triggers: implement, create, build, fix, add feature, refactor, develop).
Open skill - /brainstorming
Use when creating a feature/component or adding functionality. Fires BEFORE APEX Analyze to refine requirements via structured questioning.
Open skill - /challenge
Use before a root-cause, done/verified claim, irreversible action, or 2nd-time fix reaches the owner (APEX or plain conversation); also fires at every eLicit/Verify gate. Not for code correctness (use sniper).
Open skill - /code-quality
Use when validating code quality after modifications -- SOLID compliance, DRY duplication, linter errors, architecture violations. Do NOT use for functional verification (run verification FIRST, then code-quality).
Open skill - /elicitation
Use when an expert agent self-reviews and self-corrects code after the Execute phase, before sniper validation (BMAD-METHOD elicitation techniques).
Open skill