AgentSkillsCN

error-boundary-generator

为路由与组件添加错误边界与错误UI。在创建新路由/组件时，或当用户说“添加错误处理”时使用此功能。

SKILL.md
--- frontmatter
name: error-boundary-generator
description: Generates error boundaries and error UI for routes and components. Use when creating new routes/components or user says "add error handling".

Error Boundary Generator

When to Trigger

  • •Creating new routes/components
  • •User says "add error handling"

What to Do

  1. •Route error.tsx: In app router, add error.tsx that catches errors, logs (e.g. to Sentry), and renders fallback UI with "Try again" (reset). In production show generic message; in dev can show error.message.
  2. •Global error: Ensure app/layout or root has error boundary for uncaught errors.
  3. •Component-level: Wrap critical sections in error boundaries so one failure doesn’t take down the whole page.

Use 'use client' for error boundaries. Provide reset callback and optional report-to-monitoring. Match project UI (Button, layout).