cyberneticlibrary

Migrate to external design systems

migrate-design-systemskillsetup L3211
plugin87/ux-ui-agent-skills
What it does

Map tokens and components between design systems via crosswalk tables

Best for

Adopting external design systems or migrating between them without rewriting components by hand.

Inputs
  • · design-systems/crosswalk.md or external design system reference
Outputs
  • · Crosswalk table with our token to external token mapping
  • · token overrides
  • · bridge plan
Requires
  • · scripts/contrast.py
  • · design-code skill for rendering
Preconditions

DTCG token system established, target design system publicly documented

Failure modes

Crosswalk maps color that fails WCAG AA contrast, migration drops edge-case states, bridge ignores dark mode

Trust signals
  • · Contrast verified on every mapped color pair
  • · all 8 states tested post-migration