用途:在编写或修改 Next.js App Router 代码后、提交前,或审查 Next.js PR 时,对代码进行最佳实践校验。使用前需具备 React 知识,该技能会加载 react-guard。
主要能力:按严重程度分级检查变更文件。BLOCKER 级包括:无需交互的组件误加 'use client';业务逻辑写在 app/ 路由文件中(应放在 features/);异步客户端组件(在 RSC 中无效);从服务端组件向客户端组件传递不可序列化 props;Server Actions 缺少 Zod 校验。WARNING 级包括:数据瀑布(可并行却串行请求);Server Actions 中 redirect() 前缺少 revalidatePath();从 Server Actions 抛出异常(应以数据形式返回错误);重型组件未用 next/dynamic 懒加载;桶文件导入(应直接导入)。INFO 级包括:缺少 metadata/OG 配置;图片未使用 next/image;脚本未使用 next/script。
使用方式:分三阶段。阶段一用 Skill 工具加载全部相关技能:react-guard、next-best-practices、nextjs、routing-middleware,若 className/CSS 有变更还需加载 tailwind-patterns。阶段二对每个变更文件按上述清单校验。阶段三按严重程度分组输出结果,并附 file:line 引用。
适用场景:Next.js App Router 项目的代码提交前检查与 PR 审查。
限制:资料未提供安装命令、收费、价格、平台支持及具体效果等信息。