什麼是 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