用途：在 Claude Code 中生成 Mermaid 图表并渲染为 SVG/PNG，适用于架构设计、流程与文档可视化等场景。
主要能力：基于 Mermaid 11.12.2，覆盖 21 种图表类型，包括流程图、时序图、类图、ER 图、状态图、C4、架构图、甘特图、时序表、Git 图、饼图、XY 图、Sankey、雷达图、思维导图、用户旅程、看板、网络包等；附带现成示例与参考文档，并提供企业级图表模式与最佳实践。
使用方式：按标准技能调用模式使用技能名 moai-library-mermaid 调用。渲染依赖 MCP Playwright：需在项目 mcp.json 中配置 Playwright 服务器（可用 npx 配合 anthropic-ai playwright-mcp 包），系统需安装 Node.js，并可通过 npx 使用 Playwright。文档生成可结合 moai:3-sync，SPEC 架构可视化可结合 moai:1-plan。
适用场景：架构阶段绘制系统设计与组件关系、文档阶段生成可视化说明、代码审查时沟通设计、新人上手时说明架构与数据流；常见模式含 API 架构（C4）、微服务流程（时序图）、数据管道（流程图）。
限制与备注：需配置 MCP Playwright 与 Node.js 环境；建议单图控制在 20 至 30 个节点以内以保可读性与渲染性能；官方文档见 mermaid.js.org，在线编辑器为 mermaid.live；本工具的具体收费与价格信息暂未提供。