Migrate To Rsbuild

This handles the grunt work of moving webpack, Vite, CRA/CRACO, or Vue CLI projects over to Rsbuild. It detects which bundler you're currently using, applies the framework-specific config deltas from official migration guides, and validates that dev and build still work before cleaning up old dependencies. The approach is conservative: it won't touch your application code and prioritizes minimal changes over clever refactors. Useful if you're chasing Rsbuild's performance improvements but don't want to spend hours manually translating loader configs and build options. It keeps old config around until the new setup passes validation, which is the right call when you're swapping out something as central as your build tool.

skills.sh installs: 336
GitHub stars: 98
last updated: Aug 21, 2026

View on GitHub

Install

$ npx -y skills add rstackjs/agent-skills --skill migrate-to-rsbuild --agent claude-code

Installs into .claude/skills of the current project.

Files

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)

Official guide first: treat Rsbuild migration docs as source of truth.
Smallest-change-first: complete baseline migration first, then migrate custom behavior.
Do not change business logic: avoid touching app runtime code unless user explicitly asks.
Validate before cleanup: keep old tool dependencies/config temporarily if needed; remove only after Rsbuild is green.

Workflow

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.*
Apply framework-specific deltas
- webpack: references/webpack.md
- Vite: references/vite.md
- CRA/CRACO: references/cra.md
- Vue CLI: references/vue-cli.md