rstackjs/migrate-to-rsbuild
skills/migrate-to-rsbuild/SKILL.md
Migrate webpack, Vite, create-react-app (CRA/CRACO), or Vue CLI projects to Rsbuild.
$ install --global
skillsauthnpx skillsauth add rstackjs/agent-skills migrate-to-rsbuildInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
Security Scan Results
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
3
Scanners Passed
9
Scanners in report
Clean
TrivyContainer and dependency vulnerability scanner
95%
Clean
SemgrepStatic code analysis for vulnerabilities
95%
Clean
mcp-scan (Snyk)Model Context Protocol security validation
95%
Skipped
Snyk (dep)Open source security scanning
50%
Skipped
Socket.devSupply chain security analysis
50%
Skipped
VirusTotalMulti-engine malware detection
50%
Skipped
CrowdStrikeAdvanced threat intelligence
50%
Skipped
OSV-ScannerOpen Source Vulnerability database check
50%
Skipped
OWASP Dep-Check
50%
Last scanned: Apr 15, 2026, 6:33 AM79.0s1 file scanned
SKILL.md
- 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)
- 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.jsondependencies/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.*
- webpack:
- Check
-
Apply framework-specific deltas
- webpack:
references/webpack.md - Vite:
references/vite.md - CRA/CRACO:
references/cra.md - Vue CLI:
references/vue-cli.md
- webpack:
-
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.
-
Cleanup and summarize
- Remove obsolete dependencies/config only after validation passes.
- Summarize changed files and any remaining manual follow-ups.
Related Skills
rstackjs/rspress-custom-theme
development
VerifiedTrustedCommunity
Customize Rspress themes using CSS variables, Layout slots, component wrapping, or component ejection. Use when a user wants to change the look and feel of an Rspress site, override theme components, add custom navigation/sidebar/footer content, inject global providers, or modify the default Rspress theme in any way. Also use when a user mentions theme/index.tsx, Layout slots, BEM class overrides, or rspress eject.
75SKILL.mdUpdated Apr 18, 2026
rstackjs/rstest-debugging
development
VerifiedTrustedCommunity
Debug Rstest issues systematically, including performance regressions. First determine whether the slowdown is in build startup or test execution, then run controlled config or code experiments and compare before/after timings.
68SKILL.mdUpdated May 21, 2026
rstackjs/rslib-modern-package
development
VerifiedTrustedCommunity
Opinionated Rslib recommendations for modern JS/TS npm package design covering pure ESM, strict TypeScript, explicit exports, small stable APIs, pragmatic dependencies, accurate sideEffects, correct declarations, package validation, provenance, README.md, and AGENTS.md. Use when the user wants to make a JS/TS package more modern, check whether the current package setup is healthy, review package.json/exports/types/dependencies/docs/release readiness, or apply a modern library baseline.
68SKILL.mdUpdated May 21, 2026
rstackjs/create-draft-release-notes
development
VerifiedTrustedCommunity
Create or update draft GitHub releases for the current project's main GitHub repository, then organize GitHub-generated release notes into user-friendly sections without rewriting release note items. Use for preparing, formatting, categorizing, creating, or updating GitHub release notes or draft releases, including optional highlights when the user asks for them.
68SKILL.mdUpdated May 21, 2026