Frontend Patterns 技能：给 React 卡片区加错误边界

Claude Code 安装步骤

从 GitHub 固定提交获取完整的 `docs/zh-TW/skills/frontend-patterns` 目录。
复制到目标项目的 `.claude/skills/`，确认 `.claude/skills/frontend-patterns/SKILL.md`，再从项目根目录启动 Claude Code，输入 `/frontend-patterns`。

用 Claude Code 将可独立失败的 React 内容放进错误边界，保留周边导航，并测试异常发生后的页面。

在本地目录页创建一个测试推荐组件，触发 render 异常。核对『推荐暂不可用』可见，同时目录导航仍能打开。

异常范围限制在推荐区，导航及其他区域可以继续使用。

GitHub 原文 · 更新日期 2026-11-13

准备自己的 React 页面和组件测试入口。示例包含标题、导航和一个会失败的合成组件。

它主要处理渲染树中的错误。请求失败仍应在数据层或组件状态中处理。