migrate-component
OfficialModernize components for shared architecture.
Software Engineering#react#design system#vue#code refactoring#frontend development#component migration
Authorlumapps
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill streamlines the process of updating older, React-only components to a modern, shared architecture that supports React, Vue, and core logic, ensuring consistency and maintainability across the design system.
Core Features & Use Cases
- Cross-Framework Migration: Transforms components for use in React, Vue, and a framework-agnostic core.
- Automated Workflow: Guides through discovery, UI extraction, stories migration, and testing.
- Use Case: Migrating a legacy
Buttoncomponent from being React-specific to being usable across React, Vue, and the core LumX library, ensuring a consistent look and feel everywhere.
Quick Start
Use the migrate-component skill to begin migrating the Switch component.
Dependency Matrix
Required Modules
None requiredComponents
referencesscripts
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: migrate-component Download link: https://github.com/lumapps/design-system/archive/main.zip#migrate-component Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.