用途：把代码或系统信息转换为可视化图表，覆盖架构、数据库模式与组件关系，是 agent-studio 中的技能（skill）。
主要能力：支持多种 Mermaid 图表类型——flowchart（流程与决策流）、sequenceDiagram（API 交互与协议）、classDiagram（OOP 结构与接口）、stateDiagram-v2（生命周期与状态机）、erDiagram（数据库模式）、gantt（项目时间线）、pie（分布与构成）、mindmap（层级思维导图）、timeline（时间事件）、gitGraph（分支可视化）、kanban（任务板）、quadrantChart（2x2 矩阵）。可生成独立 HTML：触发词为 export as HTML、standalone diagram、interactive diagram，内嵌 Mermaid.js CDN，含明暗主题切换按钮与响应式 CSS（max-width: 1200px），默认深色模式（背景 #1e1e2e，文字 #cdd6f4）。
使用方式：从代码分析生成图表时，先识别组件（示例命令：pnpm search:code "class|interface|module|service|component" | head -50），再让 Claude 把分析结果转为指定类型与范围的 Mermaid 语法，如“Generate a Mermaid flowchart TB of the authentication flow in src/auth/”。调用方式为 Skill({ skill: 'diagram-generator' })。Mermaid 文件输出到 .claude/context/artifacts/diagrams/{subject}-{type}-{YYYY-MM-DD}.mmd，HTML 输出到 .claude/context/artifacts/diagrams/{subject}-{YYYY-MM-DD}.html。
适用场景：架构图、HTML 导出、思维导图、时间线、Git 可视化、看板与象限图。
限制：仅用 Mermaid 语法，禁止 ASCII art 与 PlantUML；单图不超过约 200 个节点；单图文件块硬上限 1000 个文件，大型代码库需按子系统或层级拆分，先总览后细节；图表不得写到 .claude/context/artifacts/diagrams/ 之外；所有非显而易见的连接需加标签。关于收费或价格，资料暂未提供。