Skills
.Work. You
Rest

shadcn-migration

Community

Migrate UI components seamlessly.

Software Engineering#react#migration#component library#shadcn-ui#radix-ui#base-ui
Authorfusengine
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill simplifies the complex process of migrating UI components between different libraries (Radix UI and Base UI) and versions, ensuring a smooth transition with minimal errors.

Core Features & Use Cases

  • Cross-Library Migration: Facilitates migration from Radix UI primitives to Base UI, or vice-versa.
  • Version Compatibility: Addresses API changes and structural differences between library versions.
  • Guided Workflow: Provides step-by-step instructions, API mapping, and validation checklists.
  • Use Case: You are upgrading a React project that uses older Radix UI components to a newer version that relies on Base UI primitives. This Skill guides you through replacing each component, updating its props, and ensuring the UI remains consistent.

Quick Start

Use the shadcn-migration skill to migrate components from Radix UI to Base UI.

Dependency Matrix

Required Modules

None required

Components

references

💻 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: shadcn-migration
Download link: https://github.com/fusengine/agents/archive/main.zip#shadcn-migration

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.