用途:在创建、评审或重构 React 与 Next.js 应用时使用,帮助梳理架构与代码质量问题。
主要能力与关注点:组件边界方面,强调组件内聚、避免不必要的抽象;数据获取方面,避免瀑布式请求,明确服务端与客户端职责;渲染模型方面,区分 Server Components、Client Components、SSR、SSG 与动态路由;状态方面,保持局部状态局部化,除非共享行为需要,否则不引入全局状态;性能方面,关注 bundle 体积、memoization 误用、昂贵渲染、图片加载与缓存;hydration 方面,服务端渲染时避免使用仅浏览器可用的值,除非做防护;可访问性方面,优先使用语义化 HTML 而非自定义 ARIA;测试方面,优先针对变更行为做定向测试。
评审输出要求:返回具体发现,包含文件路径、严重级别与修复建议;避免通用建议,除非与当前代码相关。
限制与说明:资料为 PilotDeck 原生草稿,灵感来自 Vercel Agent Skills 的 React/Next.js 工作流,并非逐字复制,也不特定于 Vercel 平台。安装方式、收费与价格等信息暂未提供。