Yu-369/VibeCurb

解决的问题

AI代理通常因在常见网页模式上训练，而生成平庸、‘平均’的网站设计。VibeCurb 通过施加严格的設計約束和品質門檻，防止這種「向平均值偏移」的現象，強制代理生成高品質、可投入生產的 UI，包含專業排版、複雜網格和深度對比，而非安全、平庸的佈局。

如何工作

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

1. 設計讀取：代理在編碼前，從參考資料或簡報中提取設計信號（字體、色彩、間距）。
2. 品質門檻 1：代理必須在生成任何代碼前證明其理解設計方向。
3. 精確構建：代理嚴格根據提取的信號構建 UI。
4. 視覺差異：輸出結果通過 PASS/FAIL 表格與參考資料進行組合與動畫驗證。
5. 偏移拒絕：系統識別並拒絕常見的 AI 默認值，如通用的紫色漸變或占位符模式。

適用對象

使用 AI 編碼代理（如 Cursor、Claude Code、v0 或 ChatGPT）的開發者和設計師，希望在不讓 AI 偏向通用模板的情況下，創建獲獎級、高保真度的前端界面。

特色

• 專用技能流程：包含專為首屏區塊（awwwards-hero）、視覺重設計（visual-redesign）、像素級複製（pixel-perfect）和動態動畫（awwwards-motion）設計的專用協議。
• 代理整合：可透過 CLI 工具注入，或手動放置於代理規則資料夾（例如 .cursor/rules/）。
• 設計優先工作流程：強制執行「設計讀取」階段，確保代理在寫代碼前理解美學方向。
• 品牌生成：包含創建一致品牌套件和編輯級圖像的技能，作為 UI 建構的參考。