Tailwind CSS Utilities Reference Skill

<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

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

Agent Skills: Tailwind CSS Utilities Reference

Install this agent skill to your local

Skill Files