Mermaid Diagram Generator / Mermaid图表生成器

SKILL.md

---
name: mermaid-diagram-generator
description: "Generate architecture, flow, and sequence diagrams from code comments or specs. / 从代码注释或规格说明生成架构图、流程图和时序图。"
version: 1.0.0
topics: [documentation,diagram,mermaid,architecture,文档,图表生成]
metadata:
  openclaw:
    requires:
      bins:
        - bash
        - curl
    emoji: "📊"
    homepage: https://kingai.work/
    install: []
---

# 📊 Mermaid Diagram Generator / Mermaid图表生成器

> Generate architecture, flow, and sequence diagrams from code comments or specs. / 从代码注释或规格说明生成架构图、流程图和时序图。

> 🦁 **由 KingAI.Work 出品** — 智能进化｜vip@kingai.work

---

## Features / 功能特性

• Understands natural language descriptions to turn your specs into clean Mermaid diagrams. / 用自然语言描述你的架构思路，AI就能自动生成标准Mermaid图表，告别手绘与调试。
• Supports flowcharts, sequence diagrams, class diagrams, and Gantt charts. / 覆盖流程图、时序图、类图、甘特图等多种经典类型，一步到位满足技术文档需求。
• Automatically suggests layout improvements and node styling for readability. / 自动优化布局比例与节点配色，生成的图表天生清晰易读，无需二次排版。
• Integrates with code comments to generate live diagrams from your source annotations. / 直接从代码注释提取关系，让图表始终与代码逻辑同步，减少维护成本。
• Pro: Export diagrams to high-resolution SVG/PNG with branding and custom themes. / 专业版支持导出高清SVG/PNG，可嵌入企业品牌色与自定义主题。
• Pro: One-click conversion from complex JSON/YAML specs without manual editing. / 专业版一键解析JSON/YAML规格文件，直接生成复杂架构图，告别手动录入。

## Quick Start / 快速开始

```bash
mermaid-diagram-generator "User login flow: user fills form, sends request, server validates, returns token" // Generates a clean sequence diagram for the entire user login process. / 基于自然语言描述，直接生成完整的用户登录流程时序图。 
```

## Use Cases / 使用场景

• A backend developer documents a new microservice architecture in their README, turning written notes into a clear deployment diagram. / 后端开发人员在README中描述微服务调用关系，AI自动转为部署架构图，团队协作一眼看懂。
• A product manager creates a user journey flowchart from meeting notes, saving hours of manual drawing in design tools. / 产品经理根据会议纪要描述用户操作路径，秒出用户旅程流程图，不再依赖手动绘制。
• A team lead transforms code review comments into a sequence diagram to visualize an async processing flow. / 技术主管将代码评审中的异步逻辑描述转化为时序图，精准定位数据流瓶颈。

## Plans / 方案对比

| Feature | Free | Pro |
|---------|:----:|:---:|
| Core / 核心功能 | ✅ | ✅ |
| Batch / 批量处理 | — | ✅ |
| AI / AI 增强 | — | ✅ |
| Support / 支持 | Community | Priority |

• Own your diagrams with high-res exports and custom brand colors. / 专业版支持高清无水印导出与品牌色定制，图表可直接用于正式文档与汇报。
• Save time by batch processing complex YAML/JSON specs into multiple diagrams. / 专业版一键解析复杂规格文件，批量生成多张图表，效率翻倍。
• Unlock advanced diagram types like ERD and mindmaps for deeper architectural analysis. / 解锁ER实体关系图与思维导图，支持更深度的系统架构分析与脑暴。\n\n
---
*Published by King AI — kingai.work*