draft-design-system
CommunityInterview and author a product design system.
Design & Creative#typography#branding#design system#design tokens#visual identity#interview#decision manifest
Authorkapilvirenahuja
Version1.0.0
Installs0
System Documentation
What problem does it solve?
It eliminates the gap between wireframe structure and documented visual identity by producing a complete design-system artifact that records palette direction, typography character, and token guidance.
Core Features & Use Cases
- Visual identity discovery: Runs a structured interview to capture color mood, brand adjectives, typography character, and reference products.
- Token-level documentation: Authors a Design System markdown artifact with palette guidance, typography character, and token stubs (ranges/descriptors).
- Decision traceability: Writes a decision manifest that records which inspirations were pre-seeded and which were inferred from the interview.
Quick Start
Use this skill during the Designer agent’s /design Step 5b to generate {product_base}experience/design-system.md and its decision manifest from the provided scope, personas, and screen inventory context.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: draft-design-system Download link: https://github.com/kapilvirenahuja/garura/archive/main.zip#draft-design-system Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.