---
name: tailwindcss-utilities
description: "Complete reference for Tailwind CSS utility classes, indexing the categorical skills (layout, spacing, typography, backgrounds, effects, borders, transforms). Use when: you need a single entry point to locate which categorical tailwindcss-* skill covers a given utility class. Router/index only: identifies WHICH category skill to load. Do NOT use for: actual utility class content (load the category skill it points to)."
user-invocable: false
---

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