mermaid-skill

仓库创建 2026年3月4日最近提交 11 天前SkillHot 收录 20 天前

▸ 精选理由

文本驱动自动布局，适合代码化流程与时序图。

▸ 风险提示

使用 Kroki API 或本地 mmdc 需外部调用/安装。

这个 Skill 做什么

生成 Mermaid 文本图并导出为 PNG/SVG/PDF 的绘图技能。

把系统结构、流程、时序、类图等用 Mermaid 文本写出来，一键生成 .mmd 并导出成 PNG/SVG/PDF（可用本地 mmdc 或免安装的 Kroki API）。当你要画架构图、流程图、时序或数据库 ER，尤其是组件超过三件时特别省力；语法是文本化且支持自动布局，不用手动摆坐标。支持 12+ 种图类型，方便把图当作代码管理、在文档或评审里复用。

▸ 展开 SKILL.md 英文原文

Generate Mermaid diagrams (.mmd) and export to PNG/SVG/PDF using mmdc CLI or Kroki API. USE THIS SKILL when user mentions diagram, flowchart, sequence diagram, class diagram, ER diagram, state machine, architecture, visualize, git graph, 画图, 架构图, 流程图, 时序图. PROACTIVELY USE when explaining ANY system with 3+ components, API flows, authentication sequences, class hierarchies, database schemas, or state machines. Supports 12+ diagram types with fully automatic layout.

内容创作Mermaid绘图流程图导出通用

148

Stars

Forks

仓库内 Skill

+33

7 日增星

安装 / 使用

给你的 Agent 一句话（通用）

帮我安装这个 skill：https://raw.githubusercontent.com/Agents365-ai/mermaid-skill/main/skills/mermaid-skill/SKILL.md

或 curl 直取 SKILL.md

curl -fsSL "https://raw.githubusercontent.com/Agents365-ai/mermaid-skill/main/skills/mermaid-skill/SKILL.md"

SKILL.MD 节选查看完整文件 ↗

# Mermaid Diagrams

Generate `.mmd` text files and export to PNG/SVG/PDF using `mmdc` (local) or Kroki API (no install).

**Key advantage:** Text-based syntax with **fully automatic layout** — no x/y coordinates needed.

## When to use / when NOT to use

**Use this skill for:** diagrams-as-code with automatic layout (flowchart, sequence, class, state, ER, gantt, mindmap, architecture) — text source that lives in git and embeds in Markdown.

**Do NOT use it — route elsewhere — for:**
- Pixel-precise placement, custom layout, branded icons, or heavy styling → **drawio**.
- A hand-drawn / sketchy aesthetic → **excalidraw** or **tldraw**.
- A freeform whiteboard or freehand strokes → **tldraw**.

via SKILL·HOT · 数据来自 GitHub 公开信息 · 原文版权归作者所有