React Native 性能与工程实践指南
为 React Native 和 Expo 应用提供可直接参考的性能与平台优化规则。
内容主要是只读的 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 占位链接,因此只能给有限的静态可验证性。
- 不要直接采纳所有示例:尤其检查 renderItem 内 Hook 调用、Reanimated API 用法、组件库版本和平台兼容性。
- 建议在真实项目中通过 lint、类型检查、单元/集成测试及性能基准验证规则后再自动重构。
- Publisher provenance 未经 FollowSkills 企业注册表验证,身份应视为未知;许可证虽声明 MIT,但维护责任和更新承诺仍不够明确。
这个 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 有哪些优点和局限?
- 覆盖列表性能、动画、导航、UI、状态、渲染、Monorepo 和配置等多个实际开发场景。
- 规则按影响优先级排列,并提供明确的规则前缀和快速索引。
- 规则文件包含错误与正确代码示例,便于在编码任务中应用。
- MIT 许可证,且仓库 README 说明其面向 AI 编码助手。
- 本次资料只提供 SKILL.md,没有展示具体规则文件或 AGENTS.md 的完整内容。
- 资料未提供测试套件、平台覆盖验证或性能基准证据。
- 该 Skill 专注 React Native 和 Expo,不覆盖仓库中其他 GitHub、升级或迁移类 Skill 的能力。
如何安装这个 Skill?
将仓库 https://github.com/callstackincubator/agent-skills 加入支持的 Agent Skills 或 Codex 插件工作流,并使用其中的 bundled Codex plugins。README 未提供该 vendored Skill 的独立安装命令;它只明确说明仓库可通过 .agents/plugins/marketplace.json 提供 bundled Codex plugins。
如何使用这个 Skill?
在支持该 Skill 的编码助手中提出具体 React Native 或 Expo 任务,例如:“优化这个 React Native 长列表的滚动性能”或“用 Reanimated 实现并优化这个手势动画”。助手应根据任务参考 SKILL.md 及相应规则文件。