design-token-spec

Community

Turn brand inputs into a design-token spec

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 required

Components

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.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.