Tailwind Design System

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

Related Skills

This skill is self-contained. Load another skill only when the task needs it:

• web:css — when you write plain CSS, cascade layers, or selectors beside the Tailwind utilities.
• web:react — when you also change React component structure, state, or data flow.
• typescript:typescript-best-practices — when you design the public types of a component.
• web:web-design — when you choose the visual design itself, not its implementation.

Quick Reference