Design System Generator

Produce a concise design system grounded in the product's actual stack and visual language. Document decisions that make future UI work consistent.

Delegation

Run in the main conversation by default. Delegation can increase usage: obtain explicit approval for the proposed agent count and scope before using subagents. Reuse that approval within its bounds; ask again before expanding the approved count or scope.

Inspect before proposing

Read existing design docs, brand references, representative screens, shared components, theme configuration, tokens, and build tooling. Infer framework, CSS approach, themes, browser support, and export formats from those sources. Ask only about unresolved product choices that materially affect the document.

Preserve an established coherent system. For a new product, recommend one suitable direction within the user's constraints; compare alternatives only when useful or requested. Do not add a component library or migrate build tooling merely to match this skill's examples.

Write the project contract

Use TEMPLATE_DESIGN_SYSTEM.md as a menu of topics. Omit inapplicable sections and replace examples with verified project decisions. Cover the relevant: