create-design-system

version	1
name	create-design-system
description	Create a design system or UI kit — visual tokens, typography, color palette, component library, and design principles bundled into a coherent identity. Use when user wants to define a brand, set up styling rules, or build a UI kit before producing artifacts.
user-invocable	true

create-design-system

Define the visual identity for the project before producing artifacts.

Output

Write .impeccable.md at project root with:

• Aesthetic Direction — typography, color tokens, spacing scale, motion rules
• Brand Personality — voice and tone
• Design Principles — 3–5 rules every artifact must follow

Optional companion assets in .skills/design-systems/<slug>/: styles.css, templates/*.html, fonts/.

Rules

• One .impeccable.md per project, written once. Bind it; do not regenerate per turn.
• Reference vendored fonts/CSS by relative path under .skills/design-systems/.
• Keep tokens machine-readable (CSS custom properties, JSON).