Tailwind Design System

This handles the system-level orchestration when you're building a design system with Tailwind CSS v4.1+ and shadcn/ui. It walks you through defining design tokens as CSS variables (using oklch for perceptual uniformity), setting up theming infrastructure with light/dark mode support, and wrapping shadcn components into constrained primitives that enforce your token usage. The workflows include validation checkpoints to verify tokens are defined correctly and components are using the right variables. Use this when you need centralized theming and token management, not just one-off component styling. It's opinionated about the CSS-first approach over JavaScript config, which makes sense for modern Tailwind but assumes you're working with newer versions.