generating-design-tokens

What problem does it solve?

This Skill automates the creation of design tokens, brand systems, and brand specifications by transforming raw brand identity inputs into a structured, conflict-free output.

Core Features & Use Cases

• Brand Discovery Synthesis: Transforms brand identity inputs (purpose, audience, personality, etc.) into atomic design tokens.
• Conflict Resolution: Identifies and resolves tensions between different brand inputs (e.g., personality vs. visual references).
• Token Generation: Derives color, spacing, typography, and other design tokens.
• Output Formats: Generates a design token spec document and optionally a Brand_System_Architecture.md including a component inventory.
• Use Case: You have completed a brand discovery workshop and have notes on the brand's purpose, audience, personality, and visual references. Use this Skill to generate the foundational design tokens for your new product's UI.

Quick Start

Use the generating-design-tokens skill to create a design token spec based on the provided brand discovery answers.