React Navigation Skills：官方出品的 AI 迁移技能包

React Navigation Skills：官方出品的 AI 迁移技能包

React Navigation 团队上线了一个官方 AI 技能仓库，目前拿到了 17 个 Star。

React Navigation 是 React Native 生态中使用率最高的导航库，提供了页面跳转、标签页切换、侧边栏抽屉、深度链接等移动端常见的导航能力。在 React Native 社区中，它属于基础设施级别的存在，绝大多数 RN 项目都会依赖它来处理页面间的导航逻辑。

从 6.x 版本开始，React Navigation 引入了重大的架构调整。7.x 版本将导航器的配置方式从动态 JSX 写法切换为静态配置，8.x 版本沿用了这套新的配置范式。对于长期维护的项目来说，跨大版本的升级涉及配置文件重写、API 调用方式调整、类型定义更新、路由结构重组等多项改动，迁移成本比较高。

这个仓库就是官方针对迁移场景推出的 AI 技能包，提供了一组可复用的 Agent Skills，兼容 Claude Code、Codex 以及其他支持 Agent Skills 格式的 AI 编程工具。

安装方式很简单，一行命令：

npx skills add react-navigation/skills

仓库目前包含两个技能，分别对应两种常见的迁移场景。

第一个是migrate-to-static-config，用于将导航器配置从动态 JSX 写法迁移到静态配置。这个技能针对 7.x 和 8.x 两个大版本分别提供了适配指引，会根据项目当前使用的版本选择对应的迁移策略。执行时 AI 会分析现有的导航器配置结构，按照官方推荐的方式来重写配置文件，处理包括路由定义、屏幕注册、链接配置在内的各项迁移工作。

第二个是upgrade-react-navigation，处理版本升级场景，支持从 6.x 升级到 7.x 以及从 7.x 升级到 8.x 两条路径，附带版本级别的迁移指南。升级过程涵盖安装对应版本的依赖、调整 API 调用方式、更新类型定义等多个环节。

使用方式比较直观。在 Claude Code 中安装技能包后，打开你的 React Navigation 项目，告诉 AI 你想做什么就行。比如输入"帮我把导航配置从动态写法迁移到静态配置"，AI 就会按照官方推荐的方式来执行操作，包括修改配置文件、调整导入方式、更新路由定义等。整个过程不需要你手动翻文档对照着改。

社区里关于 React Navigation 迁移的教程和脚本有不少，但版本更新后很多内容会过时，有些存在遗漏或写法不完全正确的情况。官方团队把迁移经验直接做成 Agent Skills，有两个实际的好处：一是内容由库的维护者自己编写，准确性有保障；二是后续版本发布时可以同步更新技能包，不会出现教程和实际版本脱节的问题。

17 个 Star 数量不多，但刚发布的官方工具，价值不在星数，而在能否实实在在帮到开发者。对于正在使用 React Navigation 且计划做版本升级的项目来说，这个技能包提供了一条经过官方验证的迁移路径，值得一试。

说，这个技能包提供了一条经过官方验证的迁移路径，值得一试。