1---2name: tailwindcss-utilities3description: 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.4---56<objective>7A 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.89Contains no utility-class content itself; every entry links straight to the category skill that owns the worked examples.10</objective>1112# Tailwind CSS Utilities Reference1314## Layout15- Flexbox, Grid, Position, Display -> [tailwindcss-layout](../tailwindcss-layout/SKILL.md)1617## Spacing18- Padding -> [tailwindcss-spacing](../tailwindcss-spacing/SKILL.md#padding-classes)19- Margin -> [tailwindcss-spacing](../tailwindcss-spacing/SKILL.md#margin-classes)20- Width -> [tailwindcss-sizing](../tailwindcss-sizing/SKILL.md#width-utilities)21- Height -> [tailwindcss-sizing](../tailwindcss-sizing/SKILL.md#height-utilities)2223## Typography24- Font size, font weight, text align, line height -> [tailwindcss-typography](../tailwindcss-typography/SKILL.md)2526## Colors & Effects27- Color palette, background color -> [tailwindcss-backgrounds](../tailwindcss-backgrounds/SKILL.md#background-colors)28- Box shadow -> [tailwindcss-effects](../tailwindcss-effects/SKILL.md#box-shadow)29- Opacity -> [tailwindcss-effects](../tailwindcss-effects/SKILL.md#opacity)3031## Borders32- Border width, border radius, outline -> [tailwindcss-borders](../tailwindcss-borders/SKILL.md)3334## Transforms35- Transform, translate, rotate, scale -> [tailwindcss-transforms](../tailwindcss-transforms/SKILL.md#transform-utilities)3637## Transitions38- Transition property, animation -> [tailwindcss-transforms](../tailwindcss-transforms/SKILL.md#transition-utilities)