migrate-design-system
SolidMap 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.
Install
Quality Score: 83/100
Skill Content
Details
- Author
- plugin87
- Repository
- plugin87/ux-ui-agent-skills
- Created
- 5 months ago
- Last Updated
- today
- Language
- JavaScript
- License
- None
Integrates with
Similar Skills
Semantically similar based on skill content — not just same category
design-system
Use when starting any design task, before choosing or auditing a color/type/spacing token or writing design-system.md — routing step 1.
design-system
Use when a ticket needs a *systematic* token + component foundation for a frontend — the three-layer token architecture (primitive → semantic → component), component specs with full state coverage, or a recommendation for which design system a product should have. Invoke for "set up design tokens", "define the component system", "we keep hardcoding colours — fix it", "what design system should this product use", or as the structural backbone that `frontend-design` and `brand` build distinctive UI on top of.
design-system-implementation
Централизованная дизайн-система с токенами (W3C DTCG / Tailwind v4 CSS-vars), shadcn/ui, ReactBits. Используй для: дизайн-система, токены, тема, цвета, типография, отступы, моушн, примитивы, UI-kit. EN triggers: design system, design tokens, build theme, color palette, typography scale, spacing scale, motion presets, design primitives, UI primitives, shadcn setup.