tailwind
Installation
SKILL.md
Tailwind CSS v4
Tailwind v4 is CSS-first: configuration and theme live in CSS, not a
tailwind.config.js. The entry stylesheet starts with @import "tailwindcss";
and customization happens in @theme, @plugin, @source, @utility, and
@custom-variant directives. This skill covers v4 only.
Related: for building shadcn/ui + React components, forms (React Hook Form
- Zod), accessibility, and responsive layouts, use the
ui-stylingskill. This skill focuses on the Tailwind layer itself — config, theme colors, and syncing with a project brand skill.
Configuration essentials
The project's entry CSS is the file containing @import "tailwindcss"; (often
app.css, globals.css, styles.css, or index.css). All config lives there.