Skill: Migrate / Interop Design System
SkillMediaMap this token system to or from any external design system (Material Design 3, Apple HIG, Fluent, Carbon, Ant, shadcn/ui, Radix, Chakra, Mantine, Bootstrap…) — adopt their look, build on their stack, or migrate between systems. Use when the user mentions interop, migration, or a specific design-system/component-library bridge.
Available today. Use it from your connected AI after setup.
No other account needed.
Connect ahel once, and every AI you use reads what you have installed.
Then ask your AI: use the Skill: Migrate / Interop Design System skill
What this skill tells your AI
The instructions your AI receives, as published by plugin87/ux-ui-agent-skills in .claude/skills/migrate-design-system/SKILL.md and read by ahel’s review.
Bridge to or from external design systems via a role-based crosswalk.
Steps
- Read
design-systems/interop-protocol.md(Crosswalk Method, the three directions, headless-vs-styled guidance, verification). - Use the curated tables in
design-systems/crosswalk.mdfor Material 3 / Apple HIG / Fluent 2 / Carbon / shadcn/ui / Radix. For others, derive a mapping with the Crosswalk Method (map by role/intent across 6 axes: color roles, type scale, spacing unit, radius, elevation, motion). - Choose the direction:
- FROM external → our tokens (adopt their look): re-point
semantic.*. - TO external stack (our components on their foundation): theme their primitives with our tokens.
- Migrate: Audit → Map → Bridge (alias layer) → Verify, screen by screen.
- FROM external → our tokens (adopt their look): re-point
- Verify every mapped color pair for contrast (
scripts/contrast.py/a11y-audit); confirm all 8 states + dark mode survive the mapping.
Output
A crosswalk table (our token → their token → value note), a bridge plan if migrating, and verified token overrides. Render via design-code.
Signals
- GitHub stars
- 1k
- Forks
- 104
- Last commit
- Aug 2026
Advanced
- Catalog kind
- skill
- Gateway key
migrate-design-system- Source
- github.com/plugin87/ux-ui-agent-skills