公開 DESIGN.md 目錄
瀏覽一個公開的 DESIGN.md 檔案目錄，涵蓋具名網站與品牌。每個條目都摘要了一套可作為參考素材重複使用的設計語言。
概覽
getdesign.md 是專為 AI coding agents 打造的 DESIGN.md 集合。它彙整來自熱門網站、獨立完成的設計系統分析，並讓讀者把參考資料放進專案中，讓 agent 能沿用既有的視覺語言，而不是從零發明。
這個網站結合了公開的分析網站目錄與付費的私人請求流程。公開瀏覽體驗聚焦於 BMW、Airbnb、Airtable、Stripe 和 Vercel 等網站條目，而請求流程則提供由使用者選定網站所生成、並透過電子郵件傳送的私人 DESIGN.md。
特色
瀏覽與探索分析
從目錄中篩選與瀏覽網站分析，包括專門的網站檢視頁面與來自社群的精選內容。
AI 可讀的設計參考
開啟個別分析，內容以適合 AI coding agents 的格式描述視覺模式、tokens 與規則。
私人網站請求
為某個網站請求私人 DESIGN.md，並透過電子郵件接收，不會公開到公共目錄。
淺色與深色主題預覽
在私人請求流程中預覽淺色與深色主題，以便在使用前可將輸出檢視為即時 HTML 頁面。
範本與附加元件流程
使用 Vibecoder kit 選項取得可運作的網站範本與 DESIGN.md 檔案，並可選購分析、表單、SEO、AI 功能、驗證、付款、上傳、本地化與部署等附加項目。
使用情境
以既有設計語言引導 AI 建置
開發者想為客戶網站或個人專案使用既有的視覺系統。他們瀏覽目錄、挑選品牌參考，並用 DESIGN.md 檔案引導 agent 朝該風格前進。
建立私人網站參考
創辦人想分析自己的網站，但不希望結果公開發佈。他們透過請求流程提交 URL，並透過電子郵件收到一份私人的 DESIGN.md。
從內建設計指引的範本開始
團隊想要的是可運作的起始專案，而不只是參考檔案。他們選擇 Vibecoder kit，並將內含的 DESIGN.md 與範本程式碼及附加元件一起使用。
在提示驅動流程中調整版面與 UI 細節
建置者想讓 AI 產生的頁面在排版、間距與視覺系統上更接近目標網站。他們在提示程式碼助手時，會以分析頁面作為參考。
Pros and Cons
Pros
- 提供一個可瀏覽的設計系統分析集合，內容來自具辨識度的網站。
- 將公開範例與私人請求檔案分開，讓自訂網站分析不會出現在公開目錄中。
- 將 DESIGN.md 定位為供 coding assistants 使用的 AI 可讀參考，符合以提示驅動的 UI 實作流程。
- 同時提供獨立請求流程與範本式 kit 選項，讓使用者有兩種方式與 DESIGN.md 協作。
Cons
- 公開目錄偏向描述性而非互動式；來源沒有顯示可對檔案本身進行編輯、協作或版本控制的工具。
- 網站只提供了關於整合與相容性的部分資訊，未超出請求與套件流程中提到的 AI 工具範圍。
FAQ
getdesign.md 是用來做什麼的？
它讓你瀏覽來自熱門網站的公開 DESIGN.md 檔案與相關設計系統分析，並將它們作為 AI coding agent 的參考素材。
我可以為自己的網站請求一份私人的 DESIGN.md 嗎？
請求流程表示，它可以分析你提交的網站，並透過電子郵件傳送一份私人的 DESIGN.md 檔案。公開目錄與私人請求流程是分開的。
實務上人們會如何使用 DESIGN.md 檔案？
網站內容顯示，DESIGN.md 檔案可以用在像是將設計系統套用到整個網站的提示中，而 Vibecoder kit 也把這個檔案作為可運作範本的一部分提供。這表示它適合可讀取 markdown 檔案的 AI coding 工具使用。
網站上的內容全部都是公開的嗎？
公開目錄是用來瀏覽已分析過的網站。請求流程與定價頁都表示，私人的 DESIGN.md 傳遞是獨立的，且不會發佈到公開首頁。
它支援哪些工具？
來源沒有列出完整的整合清單。不過在 Vibecoder kit 的情境中，它有提到與 ChatGPT、Claude、Gemini、Cursor 和 VS Code 等 AI 聊天工具與程式碼編輯器相容。
Quick Facts
- 類別
- Developer Tool
- 主要用途
- AI coding agents 的設計系統參考
- 來源網域
- getdesign.md
- 公開目錄
- 是
- 私人請求
- 是
- 價格訊號
- 付費請求流程與付費套件選項