dsg-extract
CommunityConsolidate reusable design tokens and patterns.
Design & Creative#design-system#tokenization#design-patterns#ui-architecture#component-extraction#system-migration
Author180VRisLife
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This skill helps identify and consolidate reusable components, design tokens, and patterns into your design system, enabling systematic reuse and a richer component library.
Core Features & Use Cases
- Identify repeated UI patterns (buttons, cards, inputs) and extract them as reusable components.
- Detect hard-coded values (colors, spacing, typography) and convert them into design tokens.
- Plan migration and enrichment of the design system to improve consistency across projects.
Quick Start
Scan a design system target area and propose reusable components, tokens, and patterns for systematization.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 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: dsg-extract Download link: https://github.com/180VRisLife/.claude/archive/main.zip#dsg-extract 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.