This skill generates the foundational design tokens for a project. Run this after the design brief and before building any components. Every component built after this references these tokens instead of hardcoding values. Example prompts - "Set up design tokens for this project" - "Generate a token system based on Dieter Rams" - "I need a spacing scale and color palette before I start building" - "Create tokens that match our brief" Process 1. Check what already exists. Before generating anything, scan the codebase for: - CSS variable definitions ( , , custom property files) - Tailwind config…