Yu-369/VibeCurb

它解決的問題

AI代理經常產生通用、『平均』的網站設計，這是因為它們是根據常見的網頁模式進行訓練的。VibeCurb 透過施加嚴格的設計限制和品質門檻，防止這種『趨向平均』的現象，迫使代理產生高階、可投入生產的使用者介面，包含專業的字型排版、複雜的網格系統以及深層的對比，而非安全但平庸的版面設計。

如何運作

VibeCurb 提供一組『技能』（結構化的 Markdown 協議），代理必須遵循。每一項技能都實現五步驟流程：

1. 設計解析：代理在編碼前，從參考資料或簡報中提取設計訊號（字型、色彩、間距）。
2. 品質門檻 1：代理必須證明其理解設計方向，才能產生任何程式碼。
3. 精確建構：代理根據提取的訊號嚴格建構使用者介面。
4. 視覺差異比對：輸出會透過 PASS/FAIL 表格，針對構圖與動畫與參考資料進行驗證。
5. 偏移拒絕：系統會識別並拒絕常見的 AI 預設，例如通用的紫色漸層或佔位符圖案。

適用對象

使用 AI 程式碼代理（如 Cursor、Claude Code、v0 或 ChatGPT）的開發人員與設計師，希望在不讓 AI 偏向通用範本的情況下，打造獲獎級、高還原度的前端介面。

主要特色

• 專用技能流程：包含針對首頁區塊（awwwards-hero）、視覺重設計（visual-redesign）、像素級複製（pixel-perfect）以及動態動畫（awwwards-motion）的專屬協議。
• 代理整合：可透過 CLI 工具注入，或手動放置於代理規則資料夾中（例如 .cursor/rules/）。
• 設計導向工作流程：強制執行『設計解析』階段，確保代理在撰寫程式碼前理解美學方向。
• 品牌建構：包含建立一致品牌套件與編輯級圖像的技能，作為 UI 建構的參考。