rspack-v2-upgrade — Claude Code skill: move Rspack 1.x to v2
Walks a Rspack 1.x project through the v2 upgrade: dependencies, config, build checks. Useful when a major bump is too fiddly to do by hand.
npx skills add rstackjs/agent-skills --skill rspack-v2-upgrade -a claude-codeWhat rspack-v2-upgrade does
The skill runs the upgrade as a sequence. It reads package.json to see which Rspack packages are in play, then locates the config file — commonly rspack.config.(ts|js|mjs|cjs). Your current setup gets compared against the official migration guide, and the skill lists which breaking changes actually apply: removed or renamed options, changed defaults, plugin API shifts.
Dependencies come next: @rspack/core, @rspack/cli, @rspack/dev-server, @rspack/plugin-react-refresh. Config and related code are edited to match the guide, deprecated options dropped. Then it validates — build, dev server, tests or type checks — and works through whatever warnings the new version surfaces.
The official migration guide is the single source of truth here, not the agent's guesses. Worth knowing: it covers Rspack core. If your config wires up custom plugins, check their docs separately, or some changes will slip past.
What it helps with
- upgrade Rspack 1.x to v2 without missing breaking changes
- find and remove renamed or dropped config options
- bump
@rspack/core,@rspack/cliand dev-server together - verify build and tests after a major version jump
- triage warnings that appear on the new version
Example prompts for the agent
- Upgrade this project from Rspack 1.x to v2 following the official migration guide
- Compare my
rspack.config.tsagainst the migration guide and list the breaking changes that apply - Bump the Rspack packages to v2 and run the build and tests
How to install rspack-v2-upgrade
1Skills CLI (Vercel)
npx skills add rstackjs/agent-skills --skill rspack-v2-upgrade -a claude-code2Manually: put the files in place
~/.claude/skills/rspack-v2-upgrade/SKILL.mdCopy the whole skill folder; for one project use .claude/skills/rspack-v2-upgrade/
1Skills CLI (Vercel)
npx skills add rstackjs/agent-skills --skill rspack-v2-upgrade -a codex2Manually: put the files in place
.agents/skills/rspack-v2-upgrade/SKILL.mdFor all projects use ~/.agents/skills/
1Skills CLI (Vercel)
npx skills add rstackjs/agent-skills --skill rspack-v2-upgrade -a cursor2Manually: put the files in place
.cursor/skills/rspack-v2-upgrade/SKILL.mdCursor also reads .agents/skills/ and .claude/skills/
1GitHub CLI
gh skill install rstackjs/agent-skills rspack-v2-upgrade2Manually: put the files in place
.github/skills/rspack-v2-upgrade/SKILL.md1Skills CLI (Vercel)
npx skills add rstackjs/agent-skills --skill rspack-v2-upgrade -a gemini-cli2Platform CLI
gemini skills install https://github.com/rstackjs/agent-skills --path skills/rspack-v2-upgradeManually: put the files in place
.devin/skills/rspack-v2-upgrade/SKILL.mdThe legacy .windsurf/skills/ path still works
Skills CLI (Vercel)
npx skills add rstackjs/agent-skills --skill rspack-v2-upgrade -a opencodeClaude.ai
Zip the folder and upload it in Settings → Capabilities → Skills
Step by step, with commands for each platform: How to install skills in Claude Code: five ways
Questions about rspack-v2-upgrade
How do I install rspack-v2-upgrade in Claude?
Run npx skills add rstackjs/agent-skills --skill rspack-v2-upgrade -a claude-code. The skill lands in ~/.claude/skills/rspack-v2-upgrade/SKILL.md.
What does rspack-v2-upgrade do?
It moves a project from Rspack 1.x to v2: finds the config, checks it against the official migration guide, updates packages and settings, then runs build and tests.
Where does the upgrade break down?
The official guide covers Rspack core. Custom plugins in your config need their own docs checked, otherwise part of the changes goes unnoticed.
Source text
SKILL.md · MIT
---
name: rspack-v2-upgrade
description: Use when upgrading a Rspack 1.x project to v2, including dependency and configuration updates.
---
# Rspack 1.x to v2 upgrade
## Workflow
1. **Confirm current setup**
- Read `package.json` to identify Rspack packages in use.
- Locate the Rspack config file (commonly `rspack.config.(ts|js|mjs|cjs)`).
2. **Open the official migration guide**
- Use the official guide as the single source of truth:
- https://rspack.rs/guide/migration/rspack_1.x
3. **Plan required changes**
- Compare the current project config with the migration guide.
- List breaking changes that apply to the project’s current config and plugins.
- Note any removed or renamed options, defaults, or plugin APIs.
4. **Update dependencies**
- Upgrade Rspack packages to v2: `@rspack/core`, `@rspack/cli`, `@rspack/dev-server`, `@rspack/plugin-react-refresh`.
5. **Apply migration changes**
- Update the Rspack config and related code according to the official guide.
- Remove deprecated or unsupported options.
6. **Validate**
- Run build and dev commands.
- Run project tests or type checks.
- Fix any warnings or errors surfaced by the new version.
© rstackjs · MIT · rstackjs/agent-skills