這個開源skill畫的圖,吊打mermaid和draw.io

作者:前端新視野brizer
日期:2026年4月29日 下午11:54
來源:WeChat 原文

整理版優先睇

速讀 5 個重點 高亮

這個開源skill畫的圖,吊打mermaid和draw.ioMermaid 寫代碼,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 強在哪?Mermaiddraw.iofireworks自然語言輸入✗✗✅AI 領域圖案✗✗✅品牌風格✗手動✅ 7種內置高清 PNG✗手動✅ 自動 1920px安裝一行:npx skills add yizhiyanhua-ai/fireworks-tech-graphmacOS 裝一下 librsvg:brew install librsvg說句話就能畫專業架構圖,程序員值得一試。GitHub:https://github.com/yizhiyanhua-ai/fireworks-tech-graph#AI工具 #開源 #架構圖 #Mermaid #ClaudeCode

整理版摘要

呢個開源skill畫的圖,吊打mermaid和draw.ioMermaid 寫代碼,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 強在哪?Mermaiddraw.iofireworks自然語言輸入✗✗✅AI 領域圖案✗✗✅品牌風格✗手動✅ 7種內置高清 PNG✗手動✅ 自動 1920px安裝一行:npx skills add yizhiyanhua-ai/fireworks-tech-graphmacOS 裝一下 librsvg:brew install librsvg說句話就能畫專業架構圖,程序員值得一試。GitHub:https://github.com/yizhiyanhua-ai/fireworks-tech-graph#AI工具 #開源 #架構圖 #Mermaid #Cla…

  • 呢個開源skill畫的圖,吊打mermaid和draw.io
  • 呢個開源skill畫的圖,吊打mermaid和draw.io|重點 …
  • 呢個開源skill畫的圖,吊打mermaid和draw.io|重點 …
  • 呢個開源skill畫的圖,吊打mermaid和draw.io|重點 …
  • 呢個開源skill畫的圖,吊打mermaid和draw.io|重點 …
值得記低
Skill github.com

可記低 Skill

這個開源skill畫的圖,吊打mermaid和draw.ioMermaid 寫代碼,draw.io 點點鼠標。但說實話,都不夠爽。Mermaid 要寫語法,draw.io 要手動排版。fireworks-tech-graph 乾的事很簡單—…

整理重點

整理版

呢個開源skill畫的圖,吊打mermaid和draw.ioMermaid 寫代碼,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 強在哪?Mermaiddraw.iofireworks自然語言輸入✗✗✅AI 領域圖案✗✗✅品牌風格✗手動✅ 7種內置高清 PNG✗手動✅ 自動 1920px安裝一行:npx skills add yizhiyanhua-ai/fireworks-tech-graphmacOS 裝一下 librsvg:brew install librsvg說句話就能畫專業架構圖,程序員值得一試。GitHub:https://github.com/yizhiyanhua-ai/fireworks-tech-graph#AI工具 #開源 #架構圖 #Mermaid #ClaudeCode

 

呢個開源嘅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比,邊度勁啲?


Mermaid
draw.io
fireworks
自然語言輸入
AI領域圖案
品牌風格
手動
✅ 7種內置
高清PNG
手動
✅ 自動1920px

安裝一行:

npx skills add yizhiyanhua-ai/fireworks-tech-graph

macOS裝一下librsvg:

brew install librsvg

講句話就可以畫專業架構圖,程式員值得一試。

GitHub:https://github.com/yizhiyanhua-ai/fireworks-tech-graph


#AI工具 #開源 #架構圖 #Mermaid #ClaudeCode

 


 

這個開源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 強在哪?


Mermaid
draw.io
fireworks
自然語言輸入
AI 領域圖案
品牌風格
手動
✅ 7種內置
高清 PNG
手動
✅ 自動 1920px

安裝一行:

npx skills add yizhiyanhua-ai/fireworks-tech-graph

macOS 裝一下 librsvg:

brew install librsvg

說句話就能畫專業架構圖,程序員值得一試。

GitHub:https://github.com/yizhiyanhua-ai/fireworks-tech-graph


#AI工具 #開源 #架構圖 #Mermaid #ClaudeCode