开发与工程

React Native 棕地迁移助手

帮助原生 iOS 或 Android 应用分阶段接入 React Native 或 Expo。

53/ 100
谨慎使用

价值存在,但可靠性、证据或控制措施仍有明显缺口。

查看评分依据 ↓
可直接使用于
Codex · Claude Code
Star 数
★ 1.7k
最近更新
18 天前
License
MIT
react-nativebrownfield-migrationexpoios-integration
+3android-integrationxcframeworkaar

这个 Skill 能做什么,适合哪些场景?

该技能面向已经决定采用棕地迁移的团队,指导原生应用逐步引入 React Native 或 Expo。它要求先在 Expo 与裸 React Native 路径之间完成选择,再进行集成设置、产物打包和宿主应用接入。流程覆盖 iOS XCFramework、Android AAR 以及按功能或页面逐步集成。它适合已有原生应用、希望降低一次性重写风险的开发团队。

读取项目文件以判断是否存在 React Native、Expo 配置和原生目录;引导用户选择 Expo 或裸 React Native 路径;使用 @callstack/react-native-brownfield 进行初始设置;指导从 React Native 源应用生成 iOS XCFramework 和 Android AAR;指导将产物接入原生宿主应用,并使用 agent-device 打开宿主应用、导航到 React Native 页面、采集快照或截图及设备证据。

适合
  • 维护原生 iOS 应用、已接受渐进式迁移并需要接入首个 React Native 页面时。
  • 维护原生 Android 应用、需要生成并发布 Android AAR 后接入宿主应用时。
  • 团队已有 Expo 应用,需要通过 Expo 插件完成棕地集成和打包时。
  • 团队已有裸 React Native 应用,需要生成 XCFramework 或 AAR 并集成到原生宿主时。

如何安装这个 Skill?

使用前请注意
  • 执行 npx、npm install、pod install、Gradle 和发布命令前,应确认依赖版本、来源、权限和变更范围,并保留可回滚状态。
  • 参考文件要求使用 agent-device,但材料未定义其安装来源、权限边界或无设备时的替代验证流程。
  • 多个关键路径依赖未提供的参考文件和外部官方文档,不能仅凭本材料确认 API 与当前版本兼容。
  • 未说明中国大陆网络不可达时的文档、包注册表或工具替代方案。
开始前你需要
Agent 需要具备
  • Shell / 命令行
  • 网络访问
  • 本地文件系统
需要预先安装
  • @callstack/react-native-brownfield
  • agent-device

仓库 README 支持从 GitHub 获取整套技能:将仓库克隆到本地后,把 skills/* 复制到项目的 .codex/skills/,或复制到用户级的 ~/.codex/skills/,然后重启 Codex。README 未提供只安装本技能的专用命令。

通用方式:手动安装到 Claude Code(macOS / Linux)
tmp="$(mktemp -d)"
git clone --depth 1 https://github.com/callstackincubator/agent-skills.git "$tmp"
mkdir -p ~/.claude/skills
cp -R "$tmp/skills/react-native-brownfield-migration" ~/.claude/skills/
rm -rf "$tmp"

根据源仓库地址和 Skill 路径自动生成,只复制这个 Skill 的文件夹。如果上文有作者提供的安装方式,请优先按作者说明操作;想只在当前项目中使用,把 ~/.claude/skills 换成项目里的 .claude/skills。

如何使用这个 Skill?

试试这样说

安装后,把下面任意一句发给 Agent 即可触发:

  • 为现有原生 Android 应用接入一个 React Native 页面,并生成 AAR。

在已决定采用棕地迁移后触发,例如:“为现有原生 Android 应用接入一个 React Native 页面,并生成 AAR。”技能会先判断 Expo 或裸 React Native 路径;如果仍无法判断,需要先回答路径区分问题。不要在同一任务中混用两条路径。

这个 Skill 有哪些优点和局限?

优点
  • 覆盖 Expo 与裸 React Native 两条棕地迁移路径。
  • 包含初始设置、XCFramework/AAR 打包和原生宿主集成流程。
  • 强调先验证打包命令,再进行宿主应用集成。
  • 支持按功能或页面逐步 rollout。
局限
  • 仅适用于已经决定采用棕地迁移的项目,不能替代迁移路径评估。
  • 提供的主文件依赖多个未随题面展开的 reference 文件,具体平台命令需查阅官方文档或引用文件。
  • 题面没有提供测试套件、平台覆盖测试结果或实际构建成功证据。
  • 设备验证依赖环境中可用的 agent-device;缺失时需要额外安装或启用。

这个 Skill 与同类方案有什么区别?

与相关 Skills 并排比较;分数均按同一 FSRS 标准得出。

Skill FS 评分 Star 数 最近更新 License
React Native 棕地迁移助手 本页 53 · 谨慎使用 ★ 1.7k 18 天前 MIT
Expo 棕地集成助手 58 · 推荐 ★ 2.9k 21 天前 MIT
React Native 迁移评估 57 · 谨慎使用 ★ 1.7k 18 天前 MIT
Expo Web 转原生迁移指南 52 · 谨慎使用 ★ 2.9k 21 天前 MIT
Expo 原生 UI 构建助手 59 · 推荐 ★ 2.9k 21 天前 MIT

技能将 Expo 与裸 React Native 作为两条可选迁移路径:Expo 路径适用于存在 Expo 配置或需要 Expo 插件工作流的项目;裸 React Native 路径适用于使用原生目录和直接 React Native CLI 工作流的项目。

FollowSkills 如何评估这个 Skill?

FollowSkills 评估 · FSRS-2.0
谨慎使用
53/ 100 五分制 2.7 / 5
上游仓库在本次评估后已有新提交;当前评分仍对应所示审查版本,可能尚未覆盖最新改动。
1信任安全14 / 25 · 2.8/5

证据显示有路径选择门槛、占位符解析、分步验证、停止条件、隔离 facade 和受信任安装路径提示;但缺少明确的用户确认、权限边界、敏感数据/依赖供应链说明、回滚方案和外部副作用披露,因此扣分。

2可靠稳定8 / 20 · 2.0/5

证据显示流程结构清晰,包含前置条件、检查清单、失败排查和停止条件;但静态材料未提供测试套件或执行结果,多个关键参考文件未提供,且具体 API、版本兼容性和异常输入处理仍有不确定性,因此按静态上限保守扣分。

3适用触发11 / 15 · 3.7/5

证据显示目标用户、Expo 与 bare 场景、路径选择和不应使用本技能的迁移决策场景较明确;但非适用边界、版本/环境矩阵、中国语言支持和中国大陆网络可达性未说明,且依赖外部文档,因此扣分。

4规范维护10 / 15 · 3.3/5

证据显示有 YAML 元数据、MIT 许可证、分层目录、快速参考、相关技能、常见陷阱和故障处理;但缺少明确版本号、变更日志、维护责任人和更新政策,部分链接目标未包含在给定材料中,因此扣分。

5有效结果6 / 15 · 2.0/5

证据显示可覆盖安装、打包、发布、宿主集成和运行验证的核心流程,命令与代码片段具有直接参考价值;但输出依赖项目结构和具体版本,未提供可复现执行证据,仍需较多人工适配和审查,因此按静态上限评为中等。

6证据核验4 / 10 · 2.0/5

证据显示列出了固定格式的官方文档来源、命令成功条件和运行时验证要求;但没有提交测试、CI 覆盖或第三方执行记录,关键结论主要依赖文档与作者编写内容,因此仅给有限分数。

1 2 3 4 5 6

点击维度查看打分理由

评估于 2026年7月20日 审查版本 f6b87e35a35c 评估证据[1][2][3][4][5][6][7][8][9][10][11][12]

证据充分度:低 — 主要依赖静态检查、作者材料或有限演示;适合发现线索,不适合做高风险决策。

查看完整评分方法 →

常见问题

它是否适合还在选择迁移方案的团队?
不完全适合。SKILL.md 要求先完成迁移决策;尚未决定时应先使用 assess-react-native-migration。
它是否只支持 Expo?
不是。它同时提供 Expo 和裸 React Native 路径,但每个任务必须先选择其中一条。
它会直接替我完成所有平台集成吗?
它提供设置、打包和宿主集成的操作指导;题面没有证明它能自动完成构建、发布或验证。
使用它是否需要额外工具?
来源明确提到 @callstack/react-native-brownfield,以及用于启动应用和采集设备证据的 agent-device。

同仓库的其他 Skills

均来自 callstackincubator/agent-skills

开发与工程

React Native 迁移评估

用证据判断 React Native 迁移是否值得推进

★ 1.7k FS 57 谨慎使用 18 天前
开发与工程

React Native 性能优化指南

用可测量的方法定位并优化 React Native 性能问题。

★ 1.7k FS 60 推荐 18 天前
开发与工程

React Native 性能与工程实践指南

为 React Native 和 Expo 应用提供可直接参考的性能与平台优化规则。

★ 1.7k FS 51 谨慎使用 18 天前
开发与工程

React Native 升级助手

通过模板差异、依赖迁移和原生配置调整,帮助 React Native 应用安全升级。

★ 1.7k FS 58 推荐 18 天前
自动化与运维

React Native GitHub Actions 构建产物

在云端构建 React Native 模拟器产物,并通过 GitHub 工具下载。

★ 1.7k FS 49 谨慎使用 18 天前
开发与工程

移动应用 Dogfood 测试技能

用真实设备系统探索移动应用,并生成带截图和复现步骤的缺陷报告。

★ 1.7k FS 46 谨慎使用 18 天前
开发与工程

React Native TV 应用审查指南

帮助开发者系统排查电视端焦点导航、播放、性能与无障碍问题。

★ 1.7k FS 54 谨慎使用 18 天前
开发与工程

React Navigation 导航构建指南

为 React Native 应用提供 React Navigation 7 导航界面的选型与实现参考。

★ 1.7k FS 57 谨慎使用 18 天前
开发与工程

React Native 库搭建助手

用标准脚手架创建可发布或应用内使用的 React Native 库。

★ 1.7k FS 50 谨慎使用 18 天前
开发与工程

React Native 测试助手

帮助 AI 编写可靠的 React Native 组件测试

★ 1.7k FS 54 谨慎使用 18 天前
开发与工程

跨平台设备交互助手

让 AI 编程助手能够检查并操作 Apple 与 Android 应用设备。

★ 1.7k FS 58 推荐 18 天前
开发与工程

技能规范校验器

检查 Agent Skill 是否符合规范与 Claude Code 最佳实践。

★ 1.7k FS 45 不推荐 18 天前
开发与工程

GitHub PR 工作流助手

用 gh CLI 管理 PR、堆叠分支与代码合并流程。

★ 1.7k FS 42 不推荐 18 天前

相关 Skills