ui-design-system
CommunityAutomate design tokens for scalable systems
AuthorPrimadetaautomation
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill automates design token generation to help teams build scalable design systems, maintain visual consistency, and speed up designer-developer handoff.
Core Features & Use Cases
- Design Token Generation: Colors, typography, spacing, sizing, borders, shadows, animation, breakpoints, z-index
- Multi-Format Exports: JSON, CSS, SCSS, and summary views
- Style Variants: Modern, Classic, Playful with different fonts and aesthetics
- Developer Handoff: Clear tokens and usage guidance for devs
Quick Start
Generate tokens for a brand color (e.g., #0066CC) using the Python script to output JSON in modern style.
Dependency Matrix
Required Modules
None requiredComponents
scripts
💻 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: ui-design-system Download link: https://github.com/Primadetaautomation/primadata-marketplace/archive/main.zip#ui-design-system Please download this .zip file, extract it, and install it in the .claude/skills/ directory.