用途:该技能用于创建、优化 Mermaid 图表,并通过 MCP 工具实时预览与保存,适合需要流程图、时序图、类图、ER 图、状态图、甘特图等场景。
主要能力:提供 mermaid_preview 与 mermaid_save 两个工具。mermaid_preview 接收 diagram(Mermaid 代码)、preview_id(描述性 kebab-case 标识)、format(默认 svg,实时刷新仅支持 svg)、theme(default、forest、dark、neutral)、background(white、transparent 或十六进制色)、width、height、scale 等参数,用于渲染并打开图表。mermaid_save 在图表定稿后使用,需提供 save_path、与预览一致的 preview_id 和 format。
使用方式:先创建初始图表并预览,再迭代改进,浏览器会自动刷新;满意后保存。优化时复用同一 preview_id 以更新同一浏览器标签页;同时绘制多个图表时使用不同 ID。常见图表类型包括 flowchart/graph、sequenceDiagram、classDiagram、erDiagram、stateDiagram-v2、gantt。时序图不支持 style 语句。
适用场景:系统架构、认证流程、代码结构、数据库模型、项目时间线等。
限制:实时刷新仅支持 SVG;时序图不支持样式;语法错误、布局问题、文本重叠、颜色不生效等需检查引号、箭头语法、方向、尺寸或颜色格式。资料未提供安装命令、收费与平台信息。