SuperAPI AI 工具集

mermaid-diagram

写作与研究

查看项目

更新于 10-15 21:04

技能介绍

用途:该技能通过 Mermaid 记法从文本生成图表,适合在文档中创建可视化图表。

主要能力:支持流程图(流程)、时序图(交互)、类图(UML 类图)、ER 图(数据库设计)、甘特图(项目管理)、饼图(占比展示)、状态迁移图(状态机)和用户旅程图。

使用方式:用自然语言描述需求,例如“用 Mermaid 创建以下流程的流程图:1. 用户注册 2. 邮箱验证 3. 个人资料设置”。也可直接编写 Mermaid 代码,如流程图 graph TD、时序图 sequenceDiagram、类图 classDiagram、ER 图 erDiagram、甘特图 gantt、状态图 stateDiagram-v2、饼图 pie、旅程图 journey。嵌入 HTML 时引入 https://cdn.jsdelivr.net/npm/mermaid/dist/mermaid.min.js 并调用 mermaid.initialize({ startOnLoad: true }),将代码放入 class="mermaid" 的 div 中。

最佳实践:使用清晰标签、按需选择方向(TD 上下、LR 左右)、对重点部分着色、为复杂图添加注释。

限制:资料未提供安装命令、收费、价格、平台支持范围及具体效果说明;技能版本 1.0.0,最后更新 2025-01-22。