Claude Code mermaid-diagrams：为项目文档写可渲染流程图
EnglishClaude Code 安装步骤
- 打开 GitHub 固定提交的 `.claude/skills/mermaid-diagrams/SKILL.md`，核对内容与使用条件。
- 在自己的项目中创建 `.claude/skills/mermaid-diagrams/`，把核对后的文件保存为 `.claude/skills/mermaid-diagrams/SKILL.md`。
- 在该项目根目录启动 Claude Code，在斜杠菜单中选择 `/mermaid-diagrams`。
中文摘要
整理易读的 Mermaid 节点、连线和主题样式，并在实际文档预览中检查渲染。
SKILL.md 中文导读
可复现示例
流程样例 diagram-21 有 [Collect requests, Review details, Export summary] 三个阶段。导出后还有可选的通知环节。工作步骤
- 根据流程分出主线和可选分支，给节点分配清楚的标识。
- 用目标 Mermaid 渲染环境复核标签、连线和主题对比。
验收方法
保留 [Collect requests, Review details, Export summary] 为主流程实线，将通知用虚线表达。用带引号的标签并核对深浅两种主题。
GitHub 原文 · 更新日期
适用环境
在 Claude Code 中提供原始流程和文档预览环境。用目标站点或本地 Mermaid 检查图表。
常见问题
出了 Mermaid 解析错误该检查哪里？
先检查标签引号和空节点，再确认连线语法。优先使用常见写法，用目标渲染器验证。