tailwind-design-system
Installation
SKILL.md
Tailwind CSS design-system guidance.
Use this for Tailwind-specific token, utility, component, and design-system work. Use design for broad visual critique, and use web-ui-audit for terse implementation compliance checks.
Use
Use this skill for:
- Tailwind v4 theme variables and token architecture.
- Converting ad hoc utilities into reusable design-system patterns.
- Dark mode, responsive layout, animation, and accessibility decisions in Tailwind.
- Reviewing Tailwind-heavy components for maintainability and consistency.
- Migration planning when Tailwind version or token strategy is part of the task.
If the project is Tailwind v3 or uses a framework-specific setup, verify the installed version and current docs before applying v4-only guidance.