用途:这是 Claude Code 的一款基于技能的 Mermaid 绘图工具(版本 v7.1.0),用于编写与渲染架构图、流程图、时序图等可视化文档,并集成 MCP Playwright 输出 SVG 与 PNG。
主要能力:提供 Mermaid 11.12.2 的完整语法,覆盖 21 种图表类型。结构类含 Flowchart、Sequence、Class、ER、Block、State;时间与跟踪类含 Timeline、Gantt、Gitgraph;架构与设计类含 C4、Architecture、Requirement;数据可视化类含 Pie、XY Chart、Sankey、Radar;用户与流程类含 Mindmap、User Journey、Kanban、Packet。附带示例与参考文档,并整合企业级绘图模式与最佳实践。
使用方式:以标准技能调用方式使用名称 moai-library-mermaid。渲染需在项目 mcp.json 中配置 Playwright 服务器(可用 npx 搭配 anthropic-ai playwright-mcp 包),系统需安装 Node.js,并通过 npx 提供 Playwright。可与 moai:1-plan(架构阶段制图)和 moai:3-sync(文档阶段生成可视化文档)等命令配合。
适用场景:架构阶段系统设计图、文档阶段流程图与时序图、代码评审中的设计沟通、新人入职的架构与数据流说明,以及 API 架构、微服务流程、数据管道等常见模式。
限制:资料未提供具体收费、价格与平台支持范围;渲染前需确保语法通过 Mermaid 在线编辑器或 Playwright 校验;建议单图节点控制在 20 至 30 个以内,复杂架构应拆分为多张图。最新版为 Mermaid 11.12.2(截至 2025 年 12 月)。