Setup Design System

Use this skill when configuring the foundational styling architecture, design tokens, and component infrastructure of a frontend repository. This goes beyond adding a single component — it establishes the rules by which all future components will be built.

When to Use

• initializing a new frontend project's styling
• migrating to a unified CSS strategy
• setting up a component library (Tailwind, Radix, Storybook)
• standardizing design tokens across the app
• Tailwind v4 CSS-first @theme migration
• OKLCH perceptual color space enforcement
• GenUI governance pipeline for AI components

Core Rules