vercel-react-native-skills

vercel-react-native-skills 仓库提供了一套专为 React Native 和 Expo 移动应用程序设计的完整最佳实践与架构模式。它作为 AI 代理的专业知识库，协助开发人员构建高性能、可维护且针对平台优化的移动软件。此技能适用于需要处理桥接通信、原生模块整合及移动设备渲染瓶颈的软件工程师、移动开发者和技术负责人。在跨平台应用程序开发阶段，当性能需要与原生代码看齐时，此工具显得尤为重要。

• 针对关键列表性能的专家规则，包含 FlashList 实现、组件记忆化 (memoization) 及回调函数稳定化。

• 利用 React Native Reanimated 的进阶动画策略，涵盖 GPU 加速属性、手势处理及派生值计算。

• 专为移动设备优化的 UI 设计模式，例如安全区域处理、原生 Modal 使用、使用 expo-image 进行图像优化及 Pressable 交互标准。

• 状态管理最佳实践，专注于减少订阅、使用函数式更新及为 React Compiler 做好准备。

• 针对 Monorepo 架构、原生依赖管理以及字体与资源配置插件的架构指南。

• 自动化协助检测常见错误，例如内联样式对象、在渲染函数中执行昂贵操作以及不正确的条件渲染。

• 最适合在进行代码审查、重构复杂 UI 组件或诊断移动设备列表与导航的性能衰退时使用。

• 当任务涉及 React Native、Expo、移动设备性能、原生模块、Reanimated 或特定排版与渲染问题的关键字时，代理将触发此技能。

• 仓库按影响力（CRITICAL, HIGH, MEDIUM, LOW）分类，协助代理有效安排修复工作的优先级。

• 遵循规则层级，确保在进行低影响力的配置调整之前，先解决列表虚拟化与动画流畅度等问题。

• 利用定义好的前缀系统，轻松识别并应用项目代码库中的特定规则。