agent-creator
Use when creating expert agents. Generates agent.md with frontmatter, hooks, required sections, and skill references.
@fusengineInstall SkillDevelopment
Skill
/tailwindcss-utilities
Use when needing a single entry point to find which categorical tailwindcss-* skill covers a given utility class. Router/index only - do NOT use for actual class content.
Claude Code
$ npx -y skills add fusengine/claude-plugins --skill tailwindcss-utilities --agent claude-code
Codex
$ npx skills add fusengine/claude-plugins --skill tailwindcss-utilities -a codex -y
Cursor
$ npx skills add fusengine/claude-plugins --skill tailwindcss-utilities -a cursor -y
Gemini CLI
$ npx skills add fusengine/claude-plugins --skill tailwindcss-utilities -a gemini-cli -y
GitHub Copilot
$ npx skills add fusengine/claude-plugins --skill tailwindcss-utilities -a github-copilot -y
OpenCode
$ npx skills add fusengine/claude-plugins --skill tailwindcss-utilities -a opencode -y
Windsurf
$ npx skills add fusengine/claude-plugins --skill tailwindcss-utilities -a windsurf -y
SKILL.md
tailwindcss-utilities.SKILL.mdname: tailwindcss-utilities
description: "Use when needing a single entry point to find which categorical tailwindcss-* skill covers a given utility class. Router/index only - do NOT use for actual class content."
user-invocable: false
<objective> A routing index over the categorical Tailwind CSS skills — layout, spacing, typography, backgrounds, effects, borders, transforms — mapping utility-class families (flexbox/grid, padding/margin, font/text, colors, shadows, borders, transforms/transitions) to the specific `tailwindcss-*` skill and section that documents them.
Contains no utility-class content itself; every entry links straight to the category skill that owns the worked examples. </objective>
Tailwind CSS Utilities Reference
Layout
- Flexbox, Grid, Position, Display -> [tailwindcss-layout](../tailwindcss-layout/SKILL.md)
Spacing
- Padding -> [tailwindcss-spacing](../tailwindcss-spacing/SKILL.md#padding-classes)
- Margin -> [tailwindcss-spacing](../tailwindcss-spacing/SKILL.md#margin-classes)
- Width -> [tailwindcss-sizing](../tailwindcss-sizing/SKILL.md#width-utilities)
- Height -> [tailwindcss-sizing](../tailwindcss-sizing/SKILL.md#height-utilities)
Typography
- Font size, font weight, text align, line height -> [tailwindcss-typography](../tailwindcss-typography/SKILL.md)
Colors & Effects
- Color palette, background color -> [tailwindcss-backgrounds](../tailwindcss-backgrounds/SKILL.md#background-colors)
- Box shadow -> [tailwindcss-effects](../tailwindcss-effects/SKILL.md#box-shadow)
- Opacity -> [tailwindcss-effects](../tailwindcss-effects/SKILL.md#opacity)
Borders
- Border width, border radius, outline -> [tailwindcss-borders](../tailwindcss-borders/SKILL.md)
Transforms
- Transform, translate, rotate, scale -> [tailwindcss-transforms](../tailwindcss-transforms/SKILL.md#transform-utilities)
Transitions
- Transition property, animation -> [tailwindcss-transforms](../tailwindcss-transforms/SKILL.md#transition-utilities)
Read more
name: tailwindcss-utilities description: "Use when needing a single entry point to find which categorical tailwindcss-* skill covers a given utility class. Router/index only - do NOT use for actual class content." user-invocable: false
<objective> A routing index over the categorical Tailwind CSS skills — layout, spacing, typography, backgrounds, effects, borders, transforms — mapping utility-class families (flexbox/grid, padding/margin, font/text, colors, shadows, borders, transforms/transitions) to the specific `tailwindcss-*` skill and section that documents them.
Contains no utility-class content itself; every entry links straight to the category skill that owns the worked examples. </objective>
Tailwind CSS Utilities Reference
Layout
- Flexbox, Grid, Position, Display -> [tailwindcss-layout](../tailwindcss-layout/SKILL.md)
Spacing
- Padding -> [tailwindcss-spacing](../tailwindcss-spacing/SKILL.md#padding-classes)
- Margin -> [tailwindcss-spacing](../tailwindcss-spacing/SKILL.md#margin-classes)
- Width -> [tailwindcss-sizing](../tailwindcss-sizing/SKILL.md#width-utilities)
- Height -> [tailwindcss-sizing](../tailwindcss-sizing/SKILL.md#height-utilities)
Typography
- Font size, font weight, text align, line height -> [tailwindcss-typography](../tailwindcss-typography/SKILL.md)
Colors & Effects
- Color palette, background color -> [tailwindcss-backgrounds](../tailwindcss-backgrounds/SKILL.md#background-colors)
- Box shadow -> [tailwindcss-effects](../tailwindcss-effects/SKILL.md#box-shadow)
- Opacity -> [tailwindcss-effects](../tailwindcss-effects/SKILL.md#opacity)
Borders
- Border width, border radius, outline -> [tailwindcss-borders](../tailwindcss-borders/SKILL.md)
Transforms
- Transform, translate, rotate, scale -> [tailwindcss-transforms](../tailwindcss-transforms/SKILL.md#transform-utilities)
Transitions
- Transition property, animation -> [tailwindcss-transforms](../tailwindcss-transforms/SKILL.md#transition-utilities)
Stats
36
Stars
6
Forks
Active
Maintenance
CSS
Language
MIT
License
Last commit
Created
Ships withfusengine-claude-plugins
A plugin ecosystem that turns Claude Code into a supervised, multi-agent development environment.
34200 skills40 agents
Stars on GitHub
Momentum
- stars in total
- 34
Other skills on fusengine-claude-plugins.
@fusengineInstall Skillapex-methodology
Use when starting ANY development task -- feature, bug fix, refactor, hotfix (triggers: implement, create, build, fix, add…
@fusengineInstall Skillbrainstorming
Use when creating a feature/component or adding functionality. Fires BEFORE APEX Analyze to refine requirements via structured…
@fusengineInstall Skillchallenge
Use before a root-cause, done/verified claim, irreversible action, or 2nd-time fix reaches the owner (APEX or plain…
@fusengineInstall Skillcode-quality
Use when validating code quality after modifications -- SOLID compliance, DRY duplication, linter errors, architecture…
@fusengineInstall Skillelicitation
Use when an expert agent self-reviews and self-corrects code after the Execute phase, before sniper validation (BMAD-METHOD…
@fusengineInstall SkillMore skills from other plugins.
Auto-invoked
brainstorming
You MUST use this before any creative work - creating features, building components, adding functionality, modifying behavior, or…
@obraInstall Skillask-matt
Ask which skill or flow fits your situation. A router over the skills in this repo.
@mattpocockInstall SkillAuto-invoked
Questions about tailwindcss-utilities.
- Which coding agents can use tailwindcss-utilities?
- tailwindcss-utilities installs in Claude Code, Codex, Cursor, Gemini CLI, GitHub Copilot, OpenCode and Windsurf with the skills CLI, using each agent's flag shown on this page. Flowy's auto-invocation, which fires a skill when your prompt matches, runs in Claude Code only.