用途:扫描 React 组件树,找出缺少错误边界的位置,并生成带类型化回退组件的错误边界;在 Next.js App Router 中补齐 error.tsx、loading.tsx、not-found.tsx 等文件。生成前需先读取 config/defaults.md,并按用户配置的技术栈调整模式、导入与代码示例。
主要能力:识别需要错误边界的位置,包括含 fetch()、useQuery、useSWR、服务端异步函数或 Prisma 调用的数据获取组件;使用 Stripe、认证服务或第三方 SDK 的组件;useReducer 多分支、复杂 useEffect 链等复杂状态逻辑;dangerouslySetInnerHTML、富文本或 Markdown 渲染等用户生成内容;以及 Next.js App Router 的 page.tsx 页面级路由组件。按错误类型生成不同回退 UI:可恢复错误(重试按钮)、认证错误(跳转登录)、404(not-found.tsx)、500(global-error.tsx),并提供组件级 ErrorBoundary 类与 loading.tsx 加载状态。
使用方式:作为技能调用,先读取 config/defaults.md,再扫描组件树,按缺口生成文件,最后输出错误边界报告,包含缺口表格(位置、风险、原因、生成内容)与生成文件列表。
适用场景:React 与 Next.js 项目补充错误处理与加载状态。限制:资料未提供安装命令、收费、平台支持范围与效果数据;具体实现依赖用户配置的技术栈。