review-react-best-practices

review-react-best-practices 技能为现代 Web 开发提供了一套系统化、性能优先的审计流程。专为 React 和 Next.js (App Router) 项目设计，它作为一个高度细化的规则库，帮助 AI 代理识别并解决复杂的性能瓶颈，如网络瀑布式请求 (network waterfalls)、不必要的重新渲染、过大的包体积以及低效的数据序列化。通过应用优先级方法论—优先解决关键基础设施问题，再处理微观优化—该技能使开发者能够在整个软件开发生命周期中维持高性能标准。

• 优先级规则库：评估从“关键 (CRITICAL)”(如瀑布式请求、包臃肿) 到“低 (LOW)”(如 JS 执行热点) 的各类问题。
• 深度的 Next.js 集成：专为 App Router 模式、RSC (React Server Components) 边界、Server Actions 及数据获取优化进行了调校。
• 可执行的诊断输出：生成结构化的报告，包含文件路径、特定规则参考、影响评估以及最小化的代码修复建议。
• 可恢复的工作流：与 Ship Faster 执行环境集成，确保审计日志和证据被持久化，以便回放和团队审查。
• 可扩展的架构：使用基于 Markdown 的规则系统，每个检查定义在独立的、可标记的文件中，方便团队随时间自定义、排序和演进性能标准。

当进行组件重构、处理 PR 性能回归，或调试 UI 卡顿与水合 (hydration) 问题时，请启用此技能。确保您的环境允许代理使用 rg (ripgrep) 等工具在本地目录搜索规则，并务必根据项目的具体限制检查生成的性能报告。此技能最适合在 CI/CD 审查阶段或功能部署前应用，以确保代码质量的一致性，并在开发流程早期发现性能退化。