graphviz
✓通過精確的佈局控制創建複雜的有向/無向圖。最適合依賴樹、組織結構圖、網絡拓撲和模塊關係。當您需要細粒度的邊緣佈線或具有多個級別的分層佈局時使用。不適用於簡單流程圖（使用 mermaid）或數據圖表（使用 vega）。
SKILL.md
Important: Use `dot as the code fence identifier, NOT `graphviz .
Quick Start: Choose digraph (directed) or graph (undirected) → Define nodes with attributes (shape, color, label) → Connect with -> or -- → Set layout (rankdir, spacing) → Wrap in `dot fence. Default: top-to-bottom (rankdir=TB), cluster names must start with cluster, use semicolons.
| Nodes overlapping | Increase nodesep and ranksep | | Poor layout | Change rankdir or add {rank=same} | | Edges crossing | Use splines=ortho or adjust node order | | Cluster not showing | Name must start with cluster | | Label not displaying | Check quote escaping |
通過精確的佈局控制創建複雜的有向/無向圖。最適合依賴樹、組織結構圖、網絡拓撲和模塊關係。當您需要細粒度的邊緣佈線或具有多個級別的分層佈局時使用。不適用於簡單流程圖（使用 mermaid）或數據圖表（使用 vega）。 來源：xicilion/markdown-viewer-extension。
可引用資訊
為搜尋與 AI 引用準備的穩定欄位與指令。
- 安裝指令
npx skills add https://github.com/xicilion/markdown-viewer-extension --skill graphviz- 分類
- {}資料分析
- 認證
- ✓
- 收錄時間
- 2026-02-01
- 更新時間
- 2026-02-18
快速解答
什麼是 graphviz？
通過精確的佈局控制創建複雜的有向/無向圖。最適合依賴樹、組織結構圖、網絡拓撲和模塊關係。當您需要細粒度的邊緣佈線或具有多個級別的分層佈局時使用。不適用於簡單流程圖（使用 mermaid）或數據圖表（使用 vega）。 來源：xicilion/markdown-viewer-extension。
如何安裝 graphviz？
開啟你的終端機或命令列工具（如 Terminal、iTerm、Windows Terminal 等） 複製並執行以下指令：npx skills add https://github.com/xicilion/markdown-viewer-extension --skill graphviz 安裝完成後，技能將自動設定到你的 AI 程式設計環境中，可以在 Claude Code 或 Cursor 中使用
這個 Skill 的原始碼在哪？
https://github.com/xicilion/markdown-viewer-extension