SuperAPI AI 工具集

moai-library-mermaid

智能体与模型

查看项目

更新于 10-16 07:26

技能介绍

用途:这是 Claude Code 的纯技能式 Mermaid 绘图工具,名为 Mermaid Diagram Expert v6.0.0-skill-edition,用于在架构设计、文档生成与方案评审阶段输出可视化图表。

主要能力:覆盖 21 种图表类型,包括流程图、时序图、类图、ER 图、块图、状态图、时间线、甘特图、Git 图、C4 与架构图、需求图、饼图、XY 图、桑基图、雷达图、思维导图、用户旅程、看板、数据包图等,并附带可直接使用的示例与参考文档,以及企业级图模式与最佳实践。

使用方式:在 Claude Code 中调用 Skill("moai-library-mermaid") 获取对应图表的语法与示例,再借助 MCP Playwright 渲染为 SVG 或 PNG。Playwright MCP 需在 .claude/mcp.json 中配置,示例为 {"mcpServers":{"playwright":{"command":"npx","args":["-y","@anthropic-ai/playwright-mcp"]}}}。使用前需确认已安装 Node.js(node --version),并可用 npx @anthropic-ai/playwright-mcp --version 检查 Playwright。

适用场景:架构阶段绘制系统图、文档阶段生成可视化说明、评审阶段传达设计、新人上手理解架构,以及 API 架构、微服务流程、数据管道等常见模式。

限制:官方资料仅说明其依赖 MCP Playwright 渲染与 Node.js 环境,未提供收费标准、平台授权范围、性能指标或渲染产出细节,这些暂未提供;图表建议控制在 20 至 30 个节点,复杂图可拆分或使用子图。