About tailwindcss-utilities
A routing index for Tailwind CSS utility categories, aimed at developers looking up which skill documents a class family. It links to category skills rather than containing examples itself.
Key features
- 01Routes layout utilities to a skill
- 02Maps spacing and sizing utilities
- 03Routes typography and color utilities
- 04Maps borders, effects, and transforms
- 05Links transitions to their reference skill
Use cases
- 01Find the skill for a Tailwind CSS utility family
- 02Navigate from a utility category to its examples
Install
Copy the command and run it in a terminal.
$
npx skills add https:/After installing, type/tailwindcss-utilitiesin Claude Code to confirm it loaded.
Details
From the project README
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.
Tailwind CSS Utilities Reference
Layout
- Flexbox, Grid, Position, Display -> tailwindcss-layout
Spacing
- Padding -> tailwindcss-spacing
- Margin -> tailwindcss-spacing
- Width -> tailwindcss-sizing
- Height -> tailwindcss-sizing
Typography
- Font size, font weight, text align, line height -> tailwindcss-typography
Colors & Effects
- Color palette, background color -> tailwindcss-backgrounds
- Box shadow -> tailwindcss-effects
- Opacity -> tailwindcss-effects
Borders
- Border width, border radius, outline -> tailwindcss-borders
Transforms
- Transform, translate, rotate, scale -> tailwindcss-transforms
Transitions
- Transition property, animation -> tailwindcss-transforms
Comments
Markdown supported