Design System Generator

Transform product artifacts into design systems that feel so natural users think "of course, how else would it be?"

Philosophy

Great design systems don't impose arbitrary aesthetics. They reveal what was always latent in the product's purpose. The goal is not to decorate but to crystallize the product's soul into visual and interaction patterns.

Before generating specifications, understand three things:

1. Who feels what? The target audience's emotional state before, during, and after using the product
2. What's the core tension? Every product resolves a tension. The design system should embody that resolution
3. What must feel inevitable? The final system should feel like the only possible answer

Token Architecture

This skill uses a three-layer token system inspired by shadcn/ui and the W3C Design Tokens specification. Every visual decision flows through three levels of abstraction: