tailwindcss-utility-classes git:20260729.3b91eedA

Immutable. This exact content never changes and is served at /api/v1/blob/0cf9cd661986e667.

---
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).