setup-design-system

What problem does it solve?

Initialize the design system or create new UI components with accessibility, Tailwind/shadcn integration, and documentation. Use when setting up the initial design system, adding component categories, or creating complex UI components that need design review.

Core Features & Use Cases

• Initialize or extend the design system with accessible components and a consistent API.
• Configure Tailwind/shadcn integration and design tokens for typography, colors, spacing.
• Create and document component categories, patterns, and usage guidelines to ensure design consistency.
• Use Case: Start a new project with a fully scaffolded design system or extend an existing one across teams.

Quick Start

Initialize the design system and scaffold core tokens and components following the guided workflow.