tailwind
Installation
SKILL.md
Tailwind CSS v4
Comprehensive Tailwind CSS skill covering v4's CSS-first configuration, utilities, grid layouts, container queries, and framework integration.
Quick Summary
| Feature | Syntax | Description |
|---|---|---|
| v4 Import | @import "tailwindcss" |
Replaces @tailwind directives |
| Theme | @theme { --color-*: ... } |
CSS variables for customization |
| Custom Utilities | @utility name { ... } |
Define utilities in CSS |
| Plugins | @plugin "@tailwindcss/forms" |
Load plugins in CSS |
| Container Queries | @container, @md:, @lg: |
Responsive to parent container |
When to Use This Skill
Use this skill when: