这个 Skill 能做什么，适合哪些场景？
这是一个面向 React Native 和 Expo 开发的 Agent Skill，重点覆盖移动应用性能、动画、导航、UI 模式、状态管理、渲染、Monorepo 和配置。规则按优先级组织，其中列表性能为最高优先级。它适用于编写组件、优化滚动列表、实现 Reanimated 动画以及处理原生模块。该 Skill 位于 callstackincubator/agent-skills 仓库的 vendored 插件目录中，采用 MIT 许可证。
它读取 SKILL.md 中的分类规则和快速参考，并指导助手查阅对应的规则文件，例如列表虚拟化、动画属性、图片、导航和原生依赖配置规则；规则文件包含说明、错误与正确代码示例及补充参考。它本身不执行脚本、不调用网络服务，也不声明具体运行时依赖。
- React Native 开发者构建大型滚动列表，需要选择 FlashList、稳定回调并减少列表项开销时。
- Expo 开发者实现图片、图片画廊、安全区域、原生菜单或原生模态框时。
- 移动应用开发者使用 Reanimated 实现手势和动画，需要避免影响性能的动画属性时。
- 团队维护包含原生依赖的 Monorepo，需要统一依赖版本并将原生依赖放在应用包时。
- 开发者配置自定义字体、设计系统导入或 React Native 条件渲染时。
如何安装这个 Skill？
- 不要直接采纳所有示例：尤其检查 renderItem 内 Hook 调用、Reanimated API 用法、组件库版本和平台兼容性。
- 建议在真实项目中通过 lint、类型检查、单元/集成测试及性能基准验证规则后再自动重构。
- Publisher provenance 未经 FollowSkills 企业注册表验证，身份应视为未知；许可证虽声明 MIT，但维护责任和更新承诺仍不够明确。
- 本地文件系统
将仓库 https://github.com/callstackincubator/agent-skills 加入支持的 Agent Skills 或 Codex 插件工作流，并使用其中的 bundled Codex plugins。README 未提供该 vendored Skill 的独立安装命令；它只明确说明仓库可通过 .agents/plugins/marketplace.json 提供 bundled Codex plugins。
tmp="$(mktemp -d)"
git clone --depth 1 https://github.com/callstackincubator/agent-skills.git "$tmp"
mkdir -p ~/.claude/skills
cp -R "$tmp/plugins/vendored/.agents/skills/vercel-react-native-skills" ~/.claude/skills/
rm -rf "$tmp"根据源仓库地址和 Skill 路径自动生成，只复制这个 Skill 的文件夹。如果上文有作者提供的安装方式，请优先按作者说明操作；想只在当前项目中使用，把 ~/.claude/skills 换成项目里的 .claude/skills。
如何使用这个 Skill？
安装后，把下面任意一句发给 Agent 即可触发：
- 优化这个 React Native 长列表的滚动性能
- 用 Reanimated 实现并优化这个手势动画
在支持该 Skill 的编码助手中提出具体 React Native 或 Expo 任务，例如：“优化这个 React Native 长列表的滚动性能”或“用 Reanimated 实现并优化这个手势动画”。助手应根据任务参考 SKILL.md 及相应规则文件。
这个 Skill 有哪些优点和局限？
- 覆盖列表性能、动画、导航、UI、状态、渲染、Monorepo 和配置等多个实际开发场景。
- 规则按影响优先级排列，并提供明确的规则前缀和快速索引。
- 规则文件包含错误与正确代码示例，便于在编码任务中应用。
- MIT 许可证，且仓库 README 说明其面向 AI 编码助手。
- 本次资料只提供 SKILL.md，没有展示具体规则文件或 AGENTS.md 的完整内容。
- 资料未提供测试套件、平台覆盖验证或性能基准证据。
- 该 Skill 专注 React Native 和 Expo，不覆盖仓库中其他 GitHub、升级或迁移类 Skill 的能力。
这个 Skill 与同类方案有什么区别？
与相关 Skills 并排比较；分数均按同一 FSRS 标准得出。
| Skill | FS 评分 | Star 数 | 最近更新 | License |
|---|---|---|---|---|
| React Native 性能与工程实践指南 本页 | 51 · 谨慎使用 | ★ 1.7k | 18 天前 | MIT |
| React Native 性能优化指南 | 60 · 推荐 | ★ 1.7k | 18 天前 | MIT |
| Expo 原生模块迁移助手 | 60 · 推荐 | ★ 2.9k | 21 天前 | MIT |
| Expo 原生 UI 构建助手 | 59 · 推荐 | ★ 2.9k | 21 天前 | MIT |
| Expo 棕地集成助手 | 58 · 推荐 | ★ 2.9k | 21 天前 | MIT |
FollowSkills 如何评估这个 Skill？
内容主要是只读的 React Native 编码建议，不要求凭据、外部写入或高权限操作，也未发现恶意、隐蔽外传或破坏性默认行为，因此基础信任较高；但缺少用户确认、回滚、敏感数据说明、依赖安全边界和逐条可验证来源，且部分示例引入第三方库而未说明风险，未接近满分。
文档结构清晰，规则、错误/正确示例和失败风险说明使快乐路径可理解；但静态材料显示明显可靠性问题，例如在 renderItem 中使用 useCallback 的示例违反 Hooks 调用约束，动画示例把 withTiming 放入 interpolate 的参数中也可能不正确，缺少测试、版本兼容矩阵和异常输入处理，因此受静态上限限制并大幅扣分。
目标受众、React Native/Expo、性能、动画、原生模块和 monorepo 场景描述明确，触发词也较清楚；但没有明确非适用边界、输入/输出契约、平台版本要求或中文支持，且对短列表、不同组件库和项目约束的例外覆盖不足，故仅部分适用。
SKILL.md 有 frontmatter、版本、许可证、优先级、目录路由和渐进式快速索引，README 还说明了目录结构与维护方式；但选定技能自身没有 changelog、明确维护责任、依赖安装说明、FAQ、限制清单或稳定的兼容策略，README 与 SKILL/AGENTS 的规则数量和分类存在不完全一致，故扣分。
大量规则提供可直接参考的 TypeScript/TSX 示例，能覆盖常见列表、动画、导航和 UI 优化任务，核心任务大体可完成；但若干示例存在可执行性或语义疑点，建议偏好常被绝对化，缺少测量、验证和替代方案，输出仍需较多人工审查，静态评估不超过7分。
存在规则文件、具体代码对比、许可证、版本字段和一个持续更新工作流，部分内容可审计；但没有该技能专属测试套件、CI 验证、性能基准或多来源交叉证据，引用有限且包含 example.com 占位链接，因此只能给有限的静态可验证性。
点击维度查看打分理由
证据充分度：低 — 主要依赖静态检查、作者材料或有限演示；适合发现线索，不适合做高风险决策。
查看完整评分方法 →