Agent Skills › vendurehq/vendure › radix-to-base-ui-migration

radix-to-base-ui-migration

GitHub

将 Vendure Dashboard 扩展从 Radix UI 迁移至 Base UI，通过扫描特定模式并应用转换规则，确保导入来源合规。

skills/radix-to-base-ui-migration/SKILL.md vendurehq/vendure

Trigger Scenarios

需要将代码库中的 UI 组件库从 Radix UI 替换为 Base UI 请求执行前端组件库的迁移或重构操作

Install

npx skills add vendurehq/vendure --skill radix-to-base-ui-migration -g -y

More Options

Use without installing

npx skills use vendurehq/vendure@radix-to-base-ui-migration

指定 Agent (Claude Code)

npx skills add vendurehq/vendure --skill radix-to-base-ui-migration -a claude-code -g -y

安装 repo 全部 skill

npx skills add vendurehq/vendure --all -g -y

预览 repo 内 skill

npx skills add vendurehq/vendure --list

SKILL.md

Frontmatter

{
    "name": "radix-to-base-ui-migration",
    "description": "Migrates Vendure Dashboard extensions from Radix UI patterns to Base UI patterns (@vendure-io\/ui)."
}

Radix to Base UI Migration

Instructions

If not explicitly stated by the user, find out which files or plugin they want to migrate.
Scan the target files for any of the following Radix UI patterns:
- asChild prop usage
- Old form components (FormField, FormItem, FormControl, FormLabel, FormMessage, FormDescription)
- Direct @radix-ui/* imports
- Direct @vendure-io/ui/* or @base-ui/react/* imports
- Accordion with type="single" or collapsible props
- Select without items prop
Apply transformations using the appropriate reference docs:
- ./01-asChild-to-render.md
- ./02-form-components.md
- ./03-import-consolidation.md
- ./04-component-api-changes.md
After all transformations, verify:
- All UI component imports come from @vendure/dashboard
- No direct @radix-ui/*, @vendure-io/ui/*, or @base-ui/react/* imports remain
- Only approved third-party imports are used (see 03-import-consolidation.md)