360 Secure SkillHub
360 安全技能中心

Mermaid Diagram Generator / Mermaid图表生成器

支持生成流程图、时序图等多种Mermaid图表,可自动优化布局提升可读性;能从代码注释提取信息生成与代码同步的图表,专业版可批量解析JSON/YAML、导出带品牌色的高清SVG/PNG。典型场景包括后端开发者制作架构文档、产品经理生成用户旅程图、技术主管可视化异步流程,输入为自然语言、注释或规格文件,输出Mermaid代码或图表。

kingaiwork
kingaiwork
热度 10.37
最近更新 2026-07-09 21:00:23
分类:创作依赖:代码执行 / 内部调用大模型 / 读写文件 / 第三方 API应用场景:代码生成 / 图像生成 / 演示设计 / 报告撰写 ...

安装技能

复制下面的话术发给你的 Agent,它会通过 secure-skills 检索并安装该技能。

执行命令安装此 skill: npx secure-skills-cli add mermaid-diagram-generator
Metadata
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 / 快速开始

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