uiux-design-system-export
CommunityExport production-ready design system files from project memory.
Design & Creative#design system#Tailwind CSS#project consistency#CSS custom properties#W3C design tokens
AuthorJangidVish
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill automates the conversion of Design DNA and Developer Handoff into production-ready design system files, ensuring consistency in design and development processes.
Core Features & Use Cases
- Design DNA Conversion: Extracts visual values from
DESIGN_DNA.mdfor CSS custom properties. - Developer Handoff Integration: Merges component-level tokens from
DEVELOPER_HANDOFF.md. - Output Generation: Produces CSS custom properties, W3C-format design token JSON, and Tailwind config extension block.
- Use Case: After the developer handoff, this skill generates the necessary files for developers to start coding with the design system.
Quick Start
Run 'uiux-design-system-export' to generate CSS and JSON files from the project memory.
Dependency Matrix
Required Modules
tailwindcss
Components
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: uiux-design-system-export Download link: https://github.com/JangidVish/Claude-UI-UX-Skill/archive/main.zip#uiux-design-system-export 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 620,000+ vetted skills library on demand.