滚动时掉帧
先检查虚拟列表、条目渲染、回调稳定性与图片，不急着重写整个页面。
Vercel React Native Skills by Vercel Labs
使用 Vercel Labs 的 Vercel React Native Skills，辅助构建与审查 React Native 和 Expo 界面。围绕长列表、动画、导航、图片和原生依赖选择适用规则，结合具体页面与目标设备，检查影响移动端体验的实现。
安装与快速上手
选择你使用的 Agent，查看对应的安装或使用方式。在 Floatboat 中，可复制请求让 Agent 读取原始说明；其他选项会显示该 Skill 的安装命令或发布者提供的原生步骤。
选择 Agent
在 Floatboat 中开始
复制请求，粘贴到 Floatboat 对话
请阅读 https://github.com/vercel-labs/agent-skills/blob/main/skills/react-native-skills/SKILL.md 中的 Vercel React Native Skills 原始说明，介绍它的用途、所需工具和安装方式，再协助我使用。由 Agent 读取原始说明，再确认当前环境的使用方式。
下载 Floatboat ↗试试这样提问
检查这个 Expo 信息流页面。中端 Android 设备滚动卡顿，请定位列表和图片方面的可能瓶颈。
关于 Vercel React Native Skills
Vercel React Native Skills 是 Vercel Labs 面向 React Native 与 Expo 开发发布的 Agent Skill，整理了列表性能、动画、导航、界面模式、状态、渲染、Monorepo 和配置等移动端规则。对于滚动、手势、安全区域和媒体处理等依赖设备或原生平台的问题，它为 Agent 提供更贴近环境的参考。使用时可以从一个具体页面和可复现现象入手，选择相关规则并提出范围明确的实现建议。安装 Skill 添加的是指令，不会同时安装 Expo 包或原生依赖；最终代码仍需在应用支持的 iOS 与 Android 环境中验证。
React Native 开发的使用场景
探索需要结合设备表现处理的移动端任务，例如长列表滚动、手势驱动动画，以及图片、安全区域或键盘等平台细节。参考 React Native 与 Expo 专属规则，选择能够在目标设备上复现和验证的改进。
手势响应迟缓
核对动画是否使用适合 GPU 的属性，以及手势是否采用合适的原语。
同一页面在 iOS 与 Android 表现不同
检查安全区域、原生导航、图片、字体和平台 API，不把网页布局经验直接套过去。
如何审查 React Native 界面
说明页面、目标平台，以及需要改进的手势或交互。让 Agent 选择相关移动端规则，完成范围明确的修改，再在代表性设备上复查同一流程，并分别核对 iOS 与 Android 的平台差异。
- 01
复现页面表现
明确出问题的页面、平台和交互。记录 React Native 或 Expo 版本，以及所用测试设备。
- 02
应用移动端规则
让 Agent 检查对应的列表、动画、导航或媒体代码。围绕已复现的问题实施修改。
- 03
在目标设备验证
在代表性 iOS 与 Android 设备上重复流程。比较响应表现，并确认手势、布局与内容仍然正确。
探索更多 Agent Skills
查看其他 Skill 指南，并在使用前核对原始来源。
Vercel React Native Skills 常见问题
这是给 React Native 还是网页 React 用的？
它面向 React Native 和 Expo；浏览器端渲染更适合使用单独的 Vercel React Best Practices Skill。
安装这个 Skill 会添加 Expo 依赖吗？
不会。安装的是 Agent 指令；修改代码或依赖需要另行执行明确的实现任务。
应该先检查哪类问题？
原文把列表性能列为最高优先级；滚动卡顿时可先从这里查，但仍以页面和设备证据为准。
它能代替真机测试吗？
不能。规则帮助选择改动；真实 iOS、Android 测试才能判断体验是否改善。
代码审查后列表为什么仍然卡顿？
滚动还受列表项复杂度、图片处理和实际设备影响。应在目标设备上测试有代表性的长列表，不能仅凭源码审查通过就认为交互流畅。
Android 与 iOS 的界面决定必须完全相同吗？
可以复用任务逻辑和组件结构，但手势、安全区域、键盘和图片表现都要在两端验证。必要时应保留符合平台行为的独立处理。
哪些项目信息有助于选择移动端规则？
提供 React Native 与 Expo 版本、受影响页面、目标平台和复现步骤。涉及滚动或动画时，也应说明相关库及设备上的测量结果。