本站详情Vercel Labs
Vercel React Best Practices
原始规则按影响程度分成八类，覆盖请求、包体积、服务端渲染、客户端数据和重渲染。适合做有重点的代码审查，但不能替代真实页面的性能测量。
第三方 Agent Skills · 按任务浏览
面向编码任务的 Agent Skills
需要修改代码时，按任务选择指引：先写测试、调查故障、优化 React 实现，或在不改变行为的前提下重构。
编码类 Skill 指导已有代码库中的具体修改，但不会提供运行环境、仓库访问权或生产系统修改权限。使用前应阅读原始指令的适用前提。
精选 Skill 与原始来源
本站详情Vercel Labs
Vercel React Native Skills
原始文件按优先级整理移动端规则。面对列表虚拟化、手势性能、安全区域或图片处理时，普通 Web React 建议往往不够，这个 Skill 更对题。
原始来源Matt Pocock
TDD
引导功能开发或缺陷修复先写测试，再按红灯、绿灯、重构推进。
原始来源Matt Pocock
Diagnosing Bugs
面对复杂故障或性能回退，先按诊断流程查明原因，再决定修复方式。
原始来源Julius Brussee
Investigate First
面对原因不明、间歇性或性能相关问题，先按证据排列假设，再考虑修改。
原始来源Julius Brussee
Safe Refactor
围绕现有行为不变的验证，组织代码提取、合并或清理。
本站为独立整理；Skill 的安装、工具要求和可用范围以发布者的原始说明为准。
按任务选择
行为变更需要测试
当预期行为能先被明确描述并验证时，优先查看 TDD。
故障原因尚不明确
先用诊断或调查指引整理证据，不要立即修改猜测中的代码。
代码需要改进
性能问题选择对应的 React 指引；需要保持既有行为时选择 Safe Refactor。
探索其他 Skill 分类
按下一项任务选择指引，而不只按发布者浏览。
常见问题
这些 Skill 本身是编程 Agent 吗？
不是。Skill 是供兼容 Agent 使用的指令；Agent、仓库权限、工具与审查流程需要另外具备。
每个编码任务都适合 TDD 吗？
不适合。预期行为可测试时更有价值；需求不清或仍在探索设计时应先调查。
Skill 能保证重构安全吗？
不能。仍需通过测试、差异审查和人工确认验证行为没有改变。
列表中的 Skill 都内置于 Floatboat 吗？
不是。这是第三方来源的独立目录；卡片会区分本站详情指南与原始 SKILL.md 链接。