Tailwind Design System

Build production-ready design systems with Tailwind CSS, including design tokens, component variants, responsive patterns, and accessibility.

Use this skill when

• -Creating a component library with Tailwind
• -Implementing design tokens and theming
• -Building responsive and accessible components
• -Standardizing UI patterns across a codebase
• -Migrating to or extending Tailwind CSS
• -Setting up dark mode and color schemes

Instructions

• -Clarify goals, constraints, and required inputs.
• -Apply relevant best practices and validate outcomes.
• -Provide actionable steps and verification.