diagram-design：讓 AI 畫出不醜的圖表的規則集

• URL: https://www.threads.com/share/BASMDAiVBu/
• Date Saved: 2026-08-20
• Source: Threads (@ai_cpocoder)
• Tags: ai-tools, design-tools
• Repo: https://github.com/cathrynlavery/diagram-design

Summary

diagram-design 是一個 GitHub 專案（23K+ stars，4 個月內），核心是給 AI coding agent（Claude Code 等）一套圖表設計規則，讓它產出好看的架構圖/流程圖。

功能

• 28+ 種圖表類型：架構圖、流程圖、時序圖、甘特圖、四象限、漏斗、雷達圖等
• 每種三個版本：淺色極簡、深色極簡、完整編輯版
• 純 HTML + SVG，無 JS 依賴、無外部套件
• MIT 授權

核心設計規則（真正值錢的部分）

• 所有座標和間距必須能被 4 整除（消除 AI 味）
• 不准做陰影，圓角最多 10px
• 強調色只留給讀者該最先看的一兩個地方
• 畫之前先問：讀者從一段好文字學到的會不會比圖多？會的話就別畫

洞察

AI 畫圖醜不是模型不夠強，是沒人給它規矩。這個專案值錢的是那份規矩，圖只是附贈的。