design-system-foundations
CommunityOrchestrate token-driven design foundations.
Design & Creative#automation#design-system#design-tokens#atomic-design#foundations#token-orchestration
Authortruchot
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Coordinates design tokens and atomic design levels to deliver consistent, scalable design systems across products.
Core Features & Use Cases
- Token-based foundations (colors, typography, spacing, and shadows) that serve as the single source of truth.
- Orchestration of four Atomic Design levels (Foundations, Atoms, Molecules, Templates) to compose reusable patterns.
- Routing and governance for token usage and cross-level references to maintain coherence.
Quick Start
Kick off by initializing the Foundations orchestration to generate token definitions and seed the atomic design levels.
Dependency Matrix
Required Modules
None requiredComponents
references
💻 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-system-foundations Download link: https://github.com/truchot/claude-skills-test/archive/main.zip#design-system-foundations 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 223,000+ vetted skills library on demand.