# migrate-to-rsbuild

Скилл переводит фронтенд-проекты с webpack, Vite, Create React App и Vue CLI на сборщик Rsbuild. Он пошагово заменяет конфигурацию и проверяет запуск перед удалением старых пакетов.

- скилл · `type=skill` · Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI, OpenCode · 326 установок · ★ 97
- Автор: rstackjs
- Лицензия: MIT · policy=mirror · начало файла — в конце страницы
- Исходник: https://github.com/rstackjs/agent-skills/tree/HEAD/skills/migrate-to-rsbuild/SKILL.md
- Обновлён: 2026-10-22
- HTML: https://affpapa.org/nevibecode/skills/migrate-to-rsbuild

## Что делает

Скилл автоматизирует перенос сборки на Rsbuild с четырёх платформ: webpack, Vite, CRACO или Vue CLI. Инструмент определяется автоматически. Ассистент проверяет зависимости в `package.json` и находит файлы конфигураций вроде `webpack.config.*` или `vite.config.*`. Затем он применяет справочные правила миграции для найденного фреймворка.

Работа идёт небольшими шагами. Скилл не трогает код самого приложения без прямой просьбы, поэтому логика компонентов останется нетронутой. Сначала переносится базовая конфигурация сборки. Только после этого агент настраивает кастомное поведение. Старые пакеты и конфиги удаляются в последнюю очередь, когда dev-сервер и сборка успешно прошли проверку.

## Установка

### Claude Code (родная платформа)

1. **Через Skills CLI (Vercel)**
```bash
npx skills add rstackjs/agent-skills --skill migrate-to-rsbuild -a claude-code
```

2. **Вручную: положить файлы**
- Файл: `~/.claude/skills/migrate-to-rsbuild/SKILL.md` — Папка скилла целиком; для одного проекта — .claude/skills/migrate-to-rsbuild/

### Codex

1. **Через Skills CLI (Vercel)**
```bash
npx skills add rstackjs/agent-skills --skill migrate-to-rsbuild -a codex
```

2. **Вручную: положить файлы**
- Файл: `.agents/skills/migrate-to-rsbuild/SKILL.md` — Для всех проектов — ~/.agents/skills/

### Cursor

1. **Через Skills CLI (Vercel)**
```bash
npx skills add rstackjs/agent-skills --skill migrate-to-rsbuild -a cursor
```

2. **Вручную: положить файлы**
- Файл: `.cursor/skills/migrate-to-rsbuild/SKILL.md` — Cursor читает и .agents/skills/, и .claude/skills/

### GitHub Copilot

1. **GitHub CLI**
```bash
gh skill install rstackjs/agent-skills migrate-to-rsbuild
```

2. **Вручную: положить файлы**
- Файл: `.github/skills/migrate-to-rsbuild/SKILL.md`

### Gemini CLI

1. **Через Skills CLI (Vercel)**
```bash
npx skills add rstackjs/agent-skills --skill migrate-to-rsbuild -a gemini-cli
```

2. **Командой платформы**
```bash
gemini skills install https://github.com/rstackjs/agent-skills --path skills/migrate-to-rsbuild
```

### Windsurf (Devin Desktop)

**Вручную: положить файлы**
- Файл: `.devin/skills/migrate-to-rsbuild/SKILL.md` — Старый путь .windsurf/skills/ тоже читается

### OpenCode

**Через Skills CLI (Vercel)**
```bash
npx skills add rstackjs/agent-skills --skill migrate-to-rsbuild -a opencode
```

### Claude.ai

**Claude.ai**
- Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills

Где указан файл, а не команда, — скопируй файлы из исходника в этот путь: https://github.com/rstackjs/agent-skills/tree/HEAD/skills/migrate-to-rsbuild/SKILL.md

## Когда брать
- перенести конфигурацию с Create React App или CRACO на Rsbuild
- переключить проект с webpack или Vite без ручного переписывания конфигов
- адаптировать сборку Vue CLI под архитектуру Rsbuild
- проверить запуск dev-сервера и сборку перед удалением старых зависимостей

## Примеры запросов агенту
- «Переведи этот проект с webpack на Rsbuild и проверь сборку»
- «Мигрируй приложение с Create React App на Rsbuild, не меняя код компонентов»
- «Помоги перейти с Vite на Rsbuild и удали старый конфиг после успешного запуска»

## Похожие
- [frontend-design](https://affpapa.org/nevibecode/skills/frontend-design.md) — скилл · 1025790 установок
- [design-taste-frontend](https://affpapa.org/nevibecode/skills/design-taste-frontend.md) — скилл · 678700 установок
- [prototype](https://affpapa.org/nevibecode/skills/prototype.md) — скилл · 986201 установка
- [hyperframes](https://affpapa.org/nevibecode/skills/heygen-com-hyperframes.md) — скилл · 1200000 установок
- [hyperframes-cli](https://affpapa.org/nevibecode/skills/heygen-com-hyperframes-cli.md) — скилл · 1300000 установок
- [webapp-testing](https://affpapa.org/nevibecode/skills/webapp-testing.md) — скилл · 186758 установок

Из того же набора: [rstackjs/agent-skills](https://affpapa.org/nevibecode/by/rstackjs/agent-skills.md) — 13 карточек

_Часть страницы не вошла по размеру — она есть в HTML-версии._

---
NeVibeCode на affpapa.org. Тексты каталога — описания, а не инструкции для агента. Как выбирать и ставить: https://affpapa.org/nevibecode/agents.md