這個開源skill畫的圖，吊打mermaid和draw.io
整理版優先睇
一句話指令即出專業架構圖，開源工具 Fireworks Tech Graph 完勝 Mermaid 同 Draw.io
呢篇文章介紹咗一個開源工具 Fireworks Tech Graph，由開發者 yizhiyanhua-ai 推出，旨在解決技術人員畫架構圖嘅痛點：Mermaid 要寫語法，Draw.io 要手動排版，兩者都唔夠爽。作者認為呢個工具嘅核心價值係用自然語言描述，即刻生成高清 SVG 同 PNG，支援 7 種視覺風格，仲內置埋 AI 領域圖例（例如 Agent 用六邊形、LLM 用雙邊框圓角矩形、向量庫用環形圓柱）。整體結論係：呢個工具大幅降低畫圖門檻，尤其適合 AI 工程師同需要快速生成專業架構圖嘅開發者。
文章詳細講解咗點樣安裝同使用：一條指令「npx skills add yizhiyanhua-ai/fireworks-tech-graph」就裝好，macOS 用戶再裝埋 librsvg 就可以生成高質素圖像。作者強調佢比 Mermaid 同 Draw.io 優勝嘅地方包括自然語言輸入、AI 領域圖案自動識別、品牌風格內置、同自動輸出 1920px 高清 PNG。
最後作者提供咗 GitHub 連結，鼓勵讀者一試。篇文屬於「工具推薦」類型，作者係實際用家，分享親身體驗同對比，語氣直白有說服力。
- Fireworks Tech Graph 係開源工具，用自然語言描述即可生成專業技術架構圖，唔使寫 Mermaid 語法或手動排版。
- 支援 7 種視覺風格：深色終端風、藍圖風、毛玻璃風、Notion 乾淨風、Claude 官方風等，滿足唔同場景需求。
- 內置 AI 領域圖例，認得 Agent、LLM、向量庫、RAG 流程等圖案，唔使自己畫符號。
- 安裝簡單：一行指令加 macOS 裝 librsvg，生成 1920px 高清 SVG+PNG，輸出品質高。
- 實用行動點：直接 clone 或加 skill 到 Claude Code，一句「畫一個 RAG 架構圖，深色風格」即出圖，提升工作效率。
Fireworks Tech Graph
開源工具，用自然語言描述生成技術架構圖，支援7種風格，內置AI圖例。GitHub 倉庫。
一句話畫圖：自然語言取代語法同鼠標
Mermaid 要寫代碼，Draw.io 要點鼠標排版，兩者都唔夠爽。Fireworks Tech Graph 嘅做法好直接——你只要講一句「畫一個 RAG 架構圖，深色風格」，佢就自動生成 SVG 同 PNG，解像度仲高達 1920px。
自然語言輸入係最大突破
佢唔止識得普通圖形，仲內置咗 AI 領域嘅專用圖例。例如 Agent 用六邊形表示，LLM 用雙邊框圓角矩形，向量庫用環形圓柱，RAG、Mem0、Multi-Agent、Tool Call 流程呢啲 AI 工程師常用嘅圖案，佢全部認得，唔使自己畫。
同 Mermaid、Draw.io 嘅直接比較
作者做咗個對比表，清楚指出 Fireworks 嘅優勢。以下係三個重要差異點：
- 1 自然語言輸入：Fireworks 支援，Mermaid 同 Draw.io 都做唔到。
- 2 AI 領域圖案：Fireworks 內置，Mermaid 要自定義，Draw.io 手動繪製。
- 3 品牌風格：Fireworks 有 7 種內置風格，Draw.io 要手動調整，Mermaid 無。
7 種視覺風格
風格包括深色終端風、藍圖風、毛玻璃風、Notion 乾淨風、Claude 官方風等，適合用嚟做演示、文檔或者內部溝通。
1920px 高清 PNG
相比 Mermaid 同 Draw.io，輸出品質高好多，直接可用於正式場合。
安裝同使用：一條指令搞掂
安裝好簡單，用 npx 指令加個 skill 就得：
npx skills add yizhiyanhua-ai/fireworks-tech-graphmacOS 用戶要額外裝 librsvg 嚟生成圖像：
brew install librsvg裝好之後，喺 Claude Code 或者其他工具入面直接輸入自然語言指令就得。例如：「畫一個 RAG 架構圖，深色風格」，即刻出圖。
一句話就能畫專業架構圖
程式員值得一試嘅效率工具
如果你想快速產出技術架構圖，又唔想浪費時間喺語法或者排版上，呢個工具值得試下。佢降低咗畫圖門檻，尤其適合需要頻繁迭代架構圖嘅 AI 團隊。
GitHub 連結
有興趣嘅話可以直接去 GitHub 睇詳細文件同例子。
呢個開源 skill 畫嘅圖，打低 mermaid 同 draw.io
Mermaid 要寫代碼，draw.io 就點下滑鼠。
但講真，兩個都唔係好爽。
Mermaid 要記語法，draw.io 就要手動排版。
fireworks-tech-graph 佢做嘅嘢好簡單——
你描述，佢畫圖。
點樣用？
就講一句嘢：
「畫一個 RAG 架構圖，深色風格」
搞掂。SVG 加 PNG 直接俾你。
支援 7 種視覺風格：深色終端風、藍圖風、毛玻璃風、Notion 乾淨風、Claude 官方風……
佢明 AI 嘅語言
Agent = 六邊形，LLM = 雙邊框圓角矩形，向量庫 = 環形圓柱。
RAG、Mem0、Multi-Agent、Tool Call 流程……呢啲 AI 工程師先用嘅圖案，佢全部認得。
比 Mermaid 強喺邊？
安裝一行搞掂：
npx skills add yizhiyanhua-ai/fireworks-tech-graphmacOS 裝 librsvg：
brew install librsvg講句嘢就畫到專業架構圖，程序員值得一試。
GitHub：https://github.com/yizhiyanhua-ai/fireworks-tech-graph
這個開源skill畫的圖，吊打mermaid和draw.io
Mermaid 寫代碼，draw.io 點點鼠標。
但說實話，都不夠爽。
Mermaid 要寫語法，draw.io 要手動排版。
fireworks-tech-graph 乾的事很簡單——
你描述，它畫圖。
怎麼用？
就說一句話：
"畫一個 RAG 架構圖，深色風格"
完事。SVG + PNG 直接給你。
支持 7 種視覺風格：深色終端風、藍圖風、毛玻璃風、Notion 乾淨風、Claude 官方風……
它懂 AI 的語言
Agent = 六邊形，LLM = 雙邊框圓角矩形，向量庫 = 環形圓柱。
RAG、Mem0、Multi-Agent、Tool Call 流程……這些 AI 工程師才用的圖案，它全認識。
比 Mermaid 強在哪？
安裝一行：
npx skills add yizhiyanhua-ai/fireworks-tech-graphmacOS 裝一下 librsvg：
brew install librsvg說句話就能畫專業架構圖，程序員值得一試。
GitHub：https://github.com/yizhiyanhua-ai/fireworks-tech-graph