UI Design System Migration
OfficialConverge UIs into token-driven themes
Software Engineering#documentation#design-system#coherence#quality-gates#ui-architecture#frontend-standards#token-migration
AuthorVrooli
Version1.0.0
Installs0
System Documentation
What problem does it solve?
UI surfaces drift into ad-hoc styling that blocks safe theme refreshes and makes identity changes unpredictable, so design-system migration guidance is required to reduce coupling and keep behavior stable.
Core Features & Use Cases
- Scope and Intent Contracts: Capture migration intent, references, constraints, and scope in the internal experience audit before touching any code.
- Phased Migration & Quality Gates: Stabilize tokens, normalize primitives, migrate high-traffic surfaces, and retire legacy contracts while tracking quality gates and convergence metrics in coherence notes.
- Documentation Alignment & Ownership: Coordinate PRDs, READMEs, and internal docs with the evolving visual language while keeping shared/theme tokens, primitives, and composites in clear ownership lanes.
Quick Start
Use the UI Design System Migration skill to inventory the target scenario’s legacy styles, document migration intent, and plan the next token and primitive phase.
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: UI Design System Migration Download link: https://github.com/Vrooli/Vrooli/archive/main.zip#ui-design-system-migration 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 471,000+ vetted skills library on demand.