GitHub 專案 awesome-design-md，短短三個半月已累積超過 10 萬顆星，收錄 73 個品牌的 DESIGN.md 檔案。
（前情提要：輝達徵求「簡報設計師」年薪台幣650萬！為什麼一樣做PPT，AI卻做不了？ ）
（背景補充：GitHub 爆紅：144個AI員工職位 (12個部門) 開源免費用，各有性格、工作流與 KPI ）
十萬顆星，用不到四個月。這是開源項目 awesome-design-md 交出的成績單。它不是框架、不是工具，只是把 73 個知名品牌的網站風格，寫成 AI 看得懂的說明書。
我們知道過去一年 Vibe coding 全面爆發，AI 已經能寫出程式碼滿足你的任何需求，但是在視覺設計上，AI 生出來的按鈕、卡片、配色卻長得像同一個模板換皮，這種「能跑但廉價」的落差，正是 DESIGN.md 想補的位置。
一份說明書，取代整套設計系統
DESIGN.md 是 Google Stitch 提出的概念：一份用 Markdown 寫成的設計系統文件，讓 AI 代理讀了就能生成風格一致的介面。簡單來說就是，把「這個品牌的介面該長什麼樣」寫成一篇文章，而不是做成一套要另外學習的工具。
傳統設計交付要 Figma 檔案、要設計代幣（design tokens，也就是定義顏色、字體、間距的變數系統）、要切圖、要 JSON schema，DESIGN.md 主張一個 markdown 檔案就夠。
每份 DESIGN.md 依 Stitch 的規格，固定包含九個區塊：視覺主題與氛圍、色彩調色盤與語意角色、字體排版規則、元件樣式、版面原則、深度與層次、設計護欄與反例、響應式行為，以及給 AI 代理的提示指南，每個條目還附上 preview.html 與 preview-dark.html，一淺一深，像是把整個品牌的視覺基因做成隨插即用的晶片。
從 Stripe 紫到任天堂 1996
awesome-design-md 收錄的 73 個 DESIGN.md，涵蓋的品牌光譜廣泛：
- AI 陣營有 Claude、Mistral、Ollama、xAI、VoltAgent
- 開發者工具有 Cursor、Vercel、Linear、Warp、Raycast
- 金融與加密圈收了 Stripe 招牌的紫色漸層、Coinbase、幣安黃、Kraken、Wise
- 消費品牌則有蘋果的極簡、Nike 巨大的 Futura 全大寫字體、Spotify、特斯拉的全螢幕電影感和法拉利
使用方法很簡單：把某個網站的 DESIGN.md 複製到自己專案的根目錄，叫 AI 代理照著做一個頁面，就能生出風格貼合、視覺一致的介面。
不過官方也強調，這些 DESIGN.md 是從各家公開網站的 CSS 樣式萃取出來的公開設計代幣，不擁有任何品牌的視覺識別權，僅供 AI 生成參考。如果要設計出專屬於你品牌的視覺意象，還是要多花更多心力打磨。
