migrate-to-rsbuild — скилл для Claude Code: что делает и установка
Скилл переводит фронтенд-проекты с webpack, Vite, Create React App и Vue CLI на сборщик Rsbuild. Он пошагово заменяет конфигурацию и проверяет запуск перед удалением старых пакетов.
npx skills add rstackjs/agent-skills --skill migrate-to-rsbuild -a claude-codeЧто делает migrate-to-rsbuild
Скилл автоматизирует перенос сборки на Rsbuild с четырёх платформ: webpack, Vite, CRACO или Vue CLI. Инструмент определяется автоматически. Ассистент проверяет зависимости в package.json и находит файлы конфигураций вроде webpack.config.* или vite.config.*. Затем он применяет справочные правила миграции для найденного фреймворка.
Работа идёт небольшими шагами. Скилл не трогает код самого приложения без прямой просьбы, поэтому логика компонентов останется нетронутой. Сначала переносится базовая конфигурация сборки. Только после этого агент настраивает кастомное поведение. Старые пакеты и конфиги удаляются в последнюю очередь, когда dev-сервер и сборка успешно прошли проверку.
Какие задачи решает
- перенести конфигурацию с Create React App или CRACO на Rsbuild
- переключить проект с webpack или Vite без ручного переписывания конфигов
- адаптировать сборку Vue CLI под архитектуру Rsbuild
- проверить запуск dev-сервера и сборку перед удалением старых зависимостей
Примеры запросов агенту
- «Переведи этот проект с webpack на Rsbuild и проверь сборку»
- «Мигрируй приложение с Create React App на Rsbuild, не меняя код компонентов»
- «Помоги перейти с Vite на Rsbuild и удали старый конфиг после успешного запуска»
Как установить migrate-to-rsbuild
1Через Skills CLI (Vercel)
npx skills add rstackjs/agent-skills --skill migrate-to-rsbuild -a claude-code2Вручную: положить файлы
~/.claude/skills/migrate-to-rsbuild/SKILL.mdПапка скилла целиком; для одного проекта — .claude/skills/migrate-to-rsbuild/
1Через Skills CLI (Vercel)
npx skills add rstackjs/agent-skills --skill migrate-to-rsbuild -a codex2Вручную: положить файлы
.agents/skills/migrate-to-rsbuild/SKILL.mdДля всех проектов — ~/.agents/skills/
1Через Skills CLI (Vercel)
npx skills add rstackjs/agent-skills --skill migrate-to-rsbuild -a cursor2Вручную: положить файлы
.cursor/skills/migrate-to-rsbuild/SKILL.mdCursor читает и .agents/skills/, и .claude/skills/
1GitHub CLI
gh skill install rstackjs/agent-skills migrate-to-rsbuild2Вручную: положить файлы
.github/skills/migrate-to-rsbuild/SKILL.md1Через Skills CLI (Vercel)
npx skills add rstackjs/agent-skills --skill migrate-to-rsbuild -a gemini-cli2Командой платформы
gemini skills install https://github.com/rstackjs/agent-skills --path skills/migrate-to-rsbuildВручную: положить файлы
.devin/skills/migrate-to-rsbuild/SKILL.mdСтарый путь .windsurf/skills/ тоже читается
Через Skills CLI (Vercel)
npx skills add rstackjs/agent-skills --skill migrate-to-rsbuild -a opencodeClaude.ai
Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills
По шагам, с командами для каждой платформы: Как установить скилл в Claude Code: пять способов
Вопросы о migrate-to-rsbuild
Как установить migrate-to-rsbuild в Claude Code?
Выполните команду npx skills add rstackjs/agent-skills --skill migrate-to-rsbuild -a claude-code. Инструкция сохранится в файле ~/.claude/skills/migrate-to-rsbuild/SKILL.md.
Что делает migrate-to-rsbuild?
Скилл находит текущий сборщик (webpack, Vite, CRA или Vue CLI) и переносит его параметры на Rsbuild по официальным руководствам. Старые зависимости остаются в проекте до подтверждения работоспособности.
Изменяет ли скилл код самого веб-приложения?
По базовым правилам скилл правит исключительно скрипты сборки и файлы конфигурации. Исходный код приложения затрагивается только тогда, когда вы прямо попросите об этом агента.
Исходный текст
SKILL.md · MIT
---
name: migrate-to-rsbuild
description: Migrate webpack, Vite, create-react-app (CRA/CRACO), or Vue CLI projects to Rsbuild.
---
# Migrate to Rsbuild
## Goal
Migrate webpack, Vite, create-react-app (CRA/CRACO), or Vue CLI projects to Rsbuild with minimal behavior changes and clear verification.
## Supported source frameworks
- webpack
- Vite
- CRA / CRACO
- Vue CLI
## Migration principles (must follow)
1. **Official guide first**: treat Rsbuild migration docs as source of truth.
2. **Smallest-change-first**: complete baseline migration first, then migrate custom behavior.
3. **Do not change business logic**: avoid touching app runtime code unless user explicitly asks.
4. **Validate before cleanup**: keep old tool dependencies/config temporarily if needed; remove only after Rsbuild is green.
## Workflow
1. **Detect source framework**
- Check `package.json` dependencies/scripts and config files:
- webpack: `webpack.config.*`
- Vite: `vite.config.*`
- CRA/CRACO: `react-scripts`, `@craco/craco`, `craco.config.*`
- Vue CLI: `@vue/cli-service`, `vue.config.*`
2. **Apply framework-specific deltas**
- webpack: `references/webpack.md`
- Vite: `references/vite.md`
- CRA/CRACO: `references/cra.md`
- Vue CLI: `references/vue-cli.md`
3. **Validate behavior**
- Run dev server to verify the project starts without errors.
- Run build command to verify the project builds successfully.
- If issues remain, compare the old project configuration with the migration guide and complete any missing mappings.
4. **Cleanup and summarize**
- Remove obsolete dependencies/config only after validation passes.
- Summarize changed files and any remaining manual follow-ups.
© rstackjs · MIT · rstackjs/agent-skills