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

輸出以自包含 HTML 與 SVG 為主,預設不需建置、JavaScript 或外部圖片,也能重新繪製 draw.io、Mermaid 來源並依格式、尺寸、細節與受眾調整

HTML · ⭐ 32,266 · 🍴 2,072 · 🔥今日 +621

中文摘要

Diagram Design 是面向 Claude Code、Codex、Factory Droid、Pi 等代理宿主的圖表技能,README 列出 39 種圖表類型,每種提供淺色、深色與完整編輯風格三種靜態版本。輸出以自包含 HTML 與 SVG 為主,預設不需建置、JavaScript 或外部圖片,也能重新繪製 draw.io、Mermaid 來源並依格式、尺寸、細節與受眾調整。專案另附圖庫、範本、匯入器與多項驗證腳本,功能面相當完整;不過 PNG 匯出需另裝 Playwright 與 Chromium,直接修改受管理安裝內的樣式指南也可能在更新時被覆寫。

一龍馬判讀

它把代理常見的通用方框圖,改造成可套品牌、可檢查無障礙與可交付至簡報或設計工具的產物。不同宿主的安裝及更新機制並不一致,團隊需要先決定採受管理版本或可編輯版本。

原文節錄

cathrynlavery/diagram-design

There is no build step, JavaScript, or external image dependency.

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

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

38 editorial diagram types for Claude Code, Codex, and Pi. Self-contained HTML + SVG. No shadows. No Mermaid slop.

收錄日期
2026-09-07
來源
github.com/trending
抓取時間
2026/09/07 05:50(台北)
來源資料
HTML · ⭐ 32,266 · 🍴 2,072 · 🔥今日 +621