UI Design Kit

When to trigger

• "Build me a design system"
• "UI kit for my project"
• "Component library"
• "shadcn theme"
• "Set up tokens + primitives"

Stack

• Tokens from palette-generator — oklch, light + dark sets.
• Tailwind v4 (CSS-first config when possible) with core utilities only. No arbitrary values.
• shadcn/ui component primitives where they exist in the artifact runtime whitelist.
• React functional components with hooks. Default export for the showcase.
• Dark mode via .dark class toggled from React state (no localStorage in artifact).

Components to ship