name: olore-tailwindcss-latest description: Local tailwindcss documentation reference (latest). Tailwind CSS documentation. Use for utility-first CSS, responsive design, dark mode, custom themes, plugins, and configuration.
tailwindcss Documentation
Tailwind CSS documentation. Use for utility-first CSS, responsive design, dark mode, custom themes, plugins, and configuration.
Quick Reference
| Task | Entry Point |
|---|---|
| Getting started | contents/utility-first.mdx |
| Configuration | contents/configuration.mdx |
| Theme customization | contents/theme.mdx |
| Custom styles | contents/adding-custom-styles.mdx |
| Responsive design | contents/responsive-design.mdx |
| Dark mode | contents/dark-mode.mdx |
| States and variants | contents/hover-focus-and-other-states.mdx |
| Directives (@tailwind, @apply, @layer) | contents/functions-and-directives.mdx |
| Plugins | contents/plugins.mdx |
When to use
Use this skill when the user asks about:
- Tailwind CSS utility classes (layout, flexbox, grid, spacing, typography, colors, borders, shadows, filters, transitions, transforms)
- Configuring tailwind.config.js, theme, content paths, plugins, presets
- Responsive design, dark mode, hover/focus/active states, variants
- Custom styles, arbitrary values, @apply, @layer, @config directives
- Tailwind CLI, PostCSS integration, production optimization
How to find information
- First, read
TOC.mdfor complete file listing organized by category - Identify the relevant utility category based on the user's question
- Read specific files for class names, values, and usage examples
TOC.md contains all 187 files organized by category — always check it first.