migrate-radix-to-base: a Claude Code skill by shadcn

Official

For shadcn and React teams moving off Radix UI to Base UI one component at a time. Skip it if your project doesn't use Radix or you can't work on a clean git branch.

Copy install command View the source

Score: 84of 100
Rank: #33of 239
Installs: 49.9Kon skills.sh
Security: Mixed 3 scanners
Updated: Nov 112026
Context: ~69tokens always

Install

npx skills add https://github.com/shadcn-ui/ui --skill migrate-radix-to-base

Run it in your terminal. View the source

Using the Claude app rather than Claude Code? You can add a skill there too. How to add it in the app

What does migrate-radix-to-base do?

migrate-radix-to-base is a skill that moves React components from Radix UI to Base UI (@base-ui/react) while keeping the build green. It starts with npx shadcn@latest info --json, asks for a clean git tree on a branch, and runs a baseline typecheck. For known shadcn styles it fetches the stock radix and base versions of each wrapper and replays your edits with git merge-file. By default it migrates one component at a time through a <component>-base.tsx file, then repoints consumers one by one. cmdk, vaul and sonner stay untouched. Each component gets a report in .migration/ listing changes, behavior shifts and a manual QA list.

When should you use migrate-radix-to-base?

Use it when

You want to switch a shadcn project from Radix to Base UI
You want to migrate one component, like an accordion, first
You need a written record of behavior changes per component

Skip it when

Your project has no Radix UI components
You can't keep a clean git tree on a branch

What it needs and what it can touch

You need

A React project using Radix UI, ideally set up with shadcn
Git

What it can do

Runs shell commands (shadcn CLI, your package manager, typecheck and build)
Reads and edits project files and commits once per component
Fetches component files from ui.shadcn.com

From reading its instructions, not from running it.

Why it scores 84

Strongest on upkeep (100 of 100), weakest on adoption (61).

Adoption35 points 61
Upkeep20 points 100
Trust20 points 95
Quality15 points 100
Reader answers10 points Not enough answers yet, so this does not count

How the formula works

Is migrate-radix-to-base safe to install?

At least one scanner raised a medium warning. Read the results below. Scanners often miss what other scanners catch, and a skill can change after a scan. Read its source before you install it.

Scanner	Result	Date
Gen Agent Trust Hub	Passed	Jul 3, 2026
Socket	Passed	Jul 3, 2026
Snyk	Medium risk	Jul 3, 2026

Details

Installs: 49,912
Repository stars: 127,924
Last repository change: Nov 11, 2026
Tokens always loaded: about 69
Tokens when used: about 2,251
License: MIT
Data confidence: High

Alternatives to migrate-radix-to-base

All skills for this job

shadcn-ui

For React developers setting up shadcn/ui components, Zod forms and Tailwind themes.

Score 64 22.7K installs

Get shadcn-ui
shadcn

For React developers on shadcn/ui who want Claude to add and compose components through the CLI.

Score 93 415K installs Official

Get shadcn
tailwind-design-system

For developers setting up a component library or design tokens on Tailwind CSS v4.

Score 76 73K installs

Get tailwind-design-system
clerk-custom-ui

For apps on Clerk that need their own sign-in screens or Clerk components styled to match the brand.

Score 78 57.6K installs Official

Get clerk-custom-ui