Design system migration
Skill Dragoon0x/everything-design-taste/skills/design-system-migration
Migrating between design systems, component replacement strategies, and gradual adoption.From its SKILL.md
npx -y skills add Dragoon0x/everything-design-taste --skill design-system-migrationAssembled from the repository path, not quoted from the project. Check it against their README if it does not work.
One thing to look at
- 9 stars9 stars. Stars are a popularity signal and not a quality one, but at this level it is likely that nobody has read this closely except its author, and you would be relying on your own review.
SKILL.md
1.3 KB, 229 tokens by cl100k_base, as published. Nobody here has run it
Design System Migration
Migration Strategy
Strangler Fig Pattern
- New components built in new system.
- Old components wrapped with new system API.
- Gradually replace wrappers with native new components.
- Old system removed when no references remain.
Page-by-Page
- Identify the least complex page.
- Migrate all components on that page to new system.
- Move to next page in complexity order.
- Each page is fully migrated before moving on.
Migration Checklist
- Inventory all existing components and their usage count.
- Map old components to new components.
- Identify gaps (components in old system with no new equivalent).
- Build missing components before starting migration.
- Create a migration guide for each component.
- Visual regression tests for migrated pages.
- Deprecation warnings on old components.
Timing
- Never migrate during a feature sprint.
- Dedicate sprints specifically for migration.
- Celebrate milestones (10% migrated, 50%, 90%).
- Track migration progress publicly.
What ships with it
Read from the repository
Just SKILL.md. No reference files, no scripts.