Project overview
Use this Claude Code skill to turn a brand brief or an existing site into a detailed website design system covering typography, color, spacing, motion, and optional WebGL direction. Its hub-and-spoke knowledge base loads only the guidance needed for the task and produces four deliverables: a design specification, DTCG tokens, a motion specification, and an implementation plan. Building the site remains a separate stage.
Repository facts
- Primary language
- Python
- License
- MIT
- Repository updated
- Jun 18, 2026
- Default branch
- main
Resource types
General skill
Use cases
Design and creative workFrontend developmentKnowledge management
Platforms
Claude Code, Codex, and more
Runtime
Local