一龍馬/AI 情報站讀懂消息背後的脈絡
星期四
搜尋

它主打 27 種圖表、每種有淺色、深色與 full-editorial 版本,並可讀取網站首頁擷取色盤與字體,寫入 style-guide.md 讓後續圖表套用品牌樣式

HTML · ⭐ 9,976 · 🍴 656 · 🔥今日 +2,951

中文摘要

cathrynlavery/diagram-design 把「讓 AI 產生不醜的編輯型圖表」包成可安裝的 Agent Skill,README 說可在 Claude Code、Codex 與 Pi 使用,產出自含 HTML + SVG,無建置步驟、無 JS、無外部圖片。它主打 27 種圖表、每種有淺色、深色與 full-editorial 版本,並可讀取網站首頁擷取色盤與字體,寫入 style-guide.md 讓後續圖表套用品牌樣式。可判讀的成熟度線索是文件包含安裝、在地瀏覽 gallery、品牌 onboarding 與可編輯安裝;限制是它聚焦靜態圖表與視覺呈現,不是 Mermaid 或 draw.io 的完整替代編輯器。

一龍馬判讀

對內容團隊、產品文件與工程溝通來說,這把 AI 產圖從「通用方框圖」拉向可直接放進文章或簡報的輸出;但若公司有嚴格設計系統,仍要檢查自動擷取品牌樣式是否符合規範。

原文節錄

cathrynlavery/diagram-design

# Diagram Design **Editorial diagrams your designer won't hate.** ![Content site architecture](docs/screenshots/architecture.png) ![The self-improving loop](doc

取得部分原文 · 不代表內容已獨立查證

查看原文
完整收錄文字與來源

29 editorial diagram types for Claude Code. Self-contained HTML + SVG. No shadows, no Mermaid-slop.

收錄日期
2026-08-13
來源
github.com/trending
抓取時間
2026/08/13 05:50(台北)
來源資料
HTML · ⭐ 9,976 · 🍴 656 · 🔥今日 +2,951