什么是 mermaid-diagrams？
适用于流程图、序列图、ERD、类图等的美人鱼图语法。在 Markdown 中创建图表、生成架构视觉效果或记录系统流程时使用。用于美人鱼图、图表、流程图、序列、ERD、类图、甘特图、饼图、思维导图。 来源：oakoss/agent-skills。
·mermaid-diagrams
</>
mermaid-diagrams
✓适用于流程图、序列图、ERD、类图等的美人鱼图语法。在 Markdown 中创建图表、生成架构视觉效果或记录系统流程时使用。用于美人鱼图、图表、流程图、序列、ERD、类图、甘特图、饼图、思维导图。
如何安装 mermaid-diagrams
通过命令行快速安装 mermaid-diagrams AI 技能到你的开发环境
- 打开终端: 打开你的终端或命令行工具（如 Terminal、iTerm、Windows Terminal 等）
- 运行安装命令: 复制并运行以下命令：npx skills add https://github.com/oakoss/agent-skills --skill mermaid-diagrams
- 验证安装: 安装完成后，技能将自动配置到你的 AI 编程环境中，可以在 Claude Code、Cursor 或 OpenClaw 中使用
来源：oakoss/agent-skills。
SKILL.md
查看原文Mermaid is a JavaScript-based diagramming tool that renders Markdown-inspired text definitions into SVG diagrams. It supports flowcharts, sequence diagrams, ER diagrams, class diagrams, state diagrams, Gantt charts, pie charts, mindmaps, and git graphs directly inside Markdown files.
When to use: Documenting system architecture, visualizing data models, illustrating request flows, creating project timelines, embedding diagrams in GitHub/GitLab READMEs or docs sites.
When NOT to use: Pixel-perfect design mockups, interactive dashboards, diagrams requiring custom artwork or complex spatial layouts beyond hierarchical/relational structures.
适用于流程图、序列图、ERD、类图等的美人鱼图语法。在 Markdown 中创建图表、生成架构视觉效果或记录系统流程时使用。用于美人鱼图、图表、流程图、序列、ERD、类图、甘特图、饼图、思维导图。 来源：oakoss/agent-skills。
可引用信息
为搜索与 AI 引用准备的稳定字段与命令。
- 安装命令
npx skills add https://github.com/oakoss/agent-skills --skill mermaid-diagrams- 分类
- </>开发工具
- 认证
- ✓
- 收录时间
- 2026-02-25
- 更新时间
- 2026-03-11
快速解答
如何安装 mermaid-diagrams？
打开你的终端或命令行工具（如 Terminal、iTerm、Windows Terminal 等） 复制并运行以下命令：npx skills add https://github.com/oakoss/agent-skills --skill mermaid-diagrams 安装完成后，技能将自动配置到你的 AI 编程环境中，可以在 Claude Code、Cursor 或 OpenClaw 中使用
这个 Skill 的源码在哪？
https://github.com/oakoss/agent-skills
详情
- 分类
- </>开发工具
- 来源
- skills.sh
- 收录时间
- 2026-02-25