upgrade-react-navigation — Claude Code skill: major version upgrades
A skill that walks the agent through a React Navigation major bump, from 6.x to 7.x or 7.x to 8.x, fixing breaking changes without changing navigation behavior.
npx skills add react-navigation/skills --skill upgrade-react-navigation -a claude-codeWhat upgrade-react-navigation does
Reach for this skill when you move React Navigation to a new major version. The agent reads @react-navigation/native in package.json first. On 6.x it opens references/upgrade-6-to-7.md; on 7.x it opens references/upgrade-7-to-8.md. One reference file gets loaded, unless you are deliberately comparing versions.
From there it works through the renamed and dropped APIs: navigate, linking, themes, navigators, screen options. Peer-dependency and tooling bumps belong to the same pass. The policy is narrow — touch only the code the upgrade affects, and pick the simplest change that keeps behavior intact. The patterns inside the skill are starting points rather than a full catalogue, so an unfamiliar construct gets mapped onto the nearest example.
Verification comes after the edits. The package manager is read off package.json or the lockfile, then the project's type checker, linter and tests run where scripts exist. The “Automated checks” and “Manual checks” sections of the loaded reference are walked through as well, and any step that cannot run is reported with a reason. No such scripts in the repo means you verify by hand.
One brake is built in. When a navigator relies on APIs that neither the official docs nor the upgrade reference covers, the skill pauses and asks you before touching code. Same when the upgrade would need a guess about which behavior changes are acceptable.
What it helps with
- move a project from React Navigation 6.x to 7.x
- take 7.x up to 8.x without breaking screen transitions
- track down renamed and removed screen options
- bump peer dependencies and tooling for the new major
- run type checks, lint and tests after the navigation upgrade
Example prompts for the agent
- Upgrade React Navigation to 7.x and handle the breaking changes
- Check
@react-navigation/nativeinpackage.jsonand apply the matching upgrade reference - Run the type checker, linter and tests after the navigation upgrade
How to install upgrade-react-navigation
1Skills CLI (Vercel)
npx skills add react-navigation/skills --skill upgrade-react-navigation -a claude-code2Manually: put the files in place
~/.claude/skills/upgrade-react-navigation/SKILL.mdCopy the whole skill folder; for one project use .claude/skills/upgrade-react-navigation/
1Skills CLI (Vercel)
npx skills add react-navigation/skills --skill upgrade-react-navigation -a codex2Manually: put the files in place
.agents/skills/upgrade-react-navigation/SKILL.mdFor all projects use ~/.agents/skills/
1Skills CLI (Vercel)
npx skills add react-navigation/skills --skill upgrade-react-navigation -a cursor2Manually: put the files in place
.cursor/skills/upgrade-react-navigation/SKILL.mdCursor also reads .agents/skills/ and .claude/skills/
1GitHub CLI
gh skill install react-navigation/skills upgrade-react-navigation2Manually: put the files in place
.github/skills/upgrade-react-navigation/SKILL.md1Skills CLI (Vercel)
npx skills add react-navigation/skills --skill upgrade-react-navigation -a gemini-cli2Platform CLI
gemini skills install https://github.com/react-navigation/skills --path skills/upgrade-react-navigationManually: put the files in place
.devin/skills/upgrade-react-navigation/SKILL.mdThe legacy .windsurf/skills/ path still works
Skills CLI (Vercel)
npx skills add react-navigation/skills --skill upgrade-react-navigation -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 upgrade-react-navigation
How do I install upgrade-react-navigation in Claude Code?
Run npx skills add react-navigation/skills --skill upgrade-react-navigation -a claude-code. The skill lands in ~/.claude/skills/upgrade-react-navigation/SKILL.md.
What does upgrade-react-navigation do?
It carries React Navigation to the next major version and applies the required breaking changes while keeping navigation behavior as it was.
When does the skill stop and ask me?
When a navigator uses APIs missing from both the official documentation and the upgrade reference, or when the upgrade would require deciding which behavior changes are acceptable.