codeswithroh/tastemaker

解決的問題

AI生成的使用者介面經常陷入一種「單一文化」的通用設計——通常表現為靛藍到紫色的漸層與柔軟陰影的卡片，這是因為模型缺乏扎實的設計品味與對使用者偏好的記憶。Tastemaker為編碼代理提供一個結構化的設計系統與一組計算限制，確保UI看起來專業、獨特且具可及性。

如何運作

Tastemaker作為編碼代理（如Claude Code、Windsurf 和 Gemini CLI）的技能運作，以嚴謹的設計工作流程取代通用預設值：

• 計算生成調色板： 不再從清單中選擇，而是使用Python腳本根據專案的「氣氛」（例如：高級、技術性、趣味性）以OKLCH色彩空間生成全新的、經過對比度驗證的調色板。
• 基於像素的提取： 透過腳本讀取參考影像的實際像素值，而非依賴模型對「氛圍」的文本描述。
• 強制限制： 對比度矩陣腳本（check_contrast.py）以數學方式驗證色彩組合是否符合WCAG可及性標準，將可讀性視為硬性限制而非建議。
• 防懶散掃描： 專用腳本（anti_slop_scan.py）會標記常見的AI設計套路，如通用漸層、h-screen的使用與占位符文字。
• 持久記憶： 設計決策被鎖定在本地檔案（.tastemaker/style-lock.md）中，個人偏好則儲存在全域設定檔（~/.tastemaker/profile.md）中，以維持跨會話與專案的一致性。

適用對象

希望在不手動管理設計系統或與模型的預設美學傾向抗爭的情況下，建構高品質、視覺上獨特的登陸頁面與應用畫面的AI編碼代理使用者。

主要亮點

• 動態調色板產生器： 根據氣氛與和諧規則，為每個專案生成獨特且易讀的色彩組合。
• 真實資源取得： 與Openverse、Iconify 和 unDraw 結合，取得免版權的圖片、圖示與插圖。
• 無需Firestore的本地執行： 完全在使用者機器上執行，無需託管後端或API金鑰。
• 動畫整合： 預設實作GSAP與ScrollTrigger以提供專業級動畫，並附有審計腳本防止常見動畫錯誤。
• 設計鎖定： 透過在專案專用日誌與持久使用者設定檔中記錄決策，防止「風格漂移」。