Migrate Design System

This is the bridge you need when you're adopting Material 3, migrating from Chakra to shadcn/ui, or trying to theme Radix primitives with your own tokens. It walks through a six-axis crosswalk (color roles, type scale, spacing, radius, elevation, motion) using curated mappings for the major systems or deriving one on the fly for others. The three directions are useful: map an external system into your tokens to adopt their look, theme their components with your primitives, or build a bridge layer for a full migration. The contrast verification step against all eight states plus dark mode is the kind of detail that saves you from shipping inaccessible color pairs. Outputs a crosswalk table and verified token overrides ready to wire up.

Install to Claude Code

npx -y skills add plugin87/ux-ui-agent-skills --skill migrate-design-system --agent claude-code