design-token-spec
CommunityTurn brand inputs into a design-token spec
Design & Creative#architecture#design-principles#tokenization#design-token#brand-discovery#brand-system
Authorthompson0012
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Transforms brand discovery inputs into a conflict-free, specification-ready design token spec, enabling traceable decisions and a scalable brand system.
Core Features & Use Cases
- Converts brand discovery inputs into atomic design tokens (color, spacing, radius, typography, shadow, motion) with traceable design decisions.
- Records design principles alongside a token inventory to support governance and future evolution.
- Outputs a primary design token spec document (e.g., docs/reference/design.md) and, when extended, a Brand_System_Architecture.md containing tokens and component inventory.
Quick Start
Provide brand inputs and run the tokenization workflow to generate a portable design-token spec.
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: design-token-spec Download link: https://github.com/thompson0012/agents-stack/archive/main.zip#design-token-spec 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.