/impeccable colorize
Colorize
為單色介面添加策略性色彩,而不變得刺眼。
何時使用
/impeccable colorize 是「一切都是灰色」的對策。讀起來像一面米色牆的儀表板、沒有重點色的表單、可能是任何 SaaS 產品的內容頁。當介面功能正常但情感上平淡,你想要溫暖而不偏向 AI 色彩盤(紫到粉、青色霓虹、深色模式光暈)時使用它。
運作方式
技能首先讀取你的品牌色彩(如果有的話),然後決定色彩在哪裡值得它的位置:
- 主要操作獲得品牌色調最強的表現。
- 次要重點色獲得柔和或帶色調的變體,而非第二個完整色彩。
- 中性色以低色度(約 0.005 到 0.01)向品牌色調偏色,這幾乎逐像素不可見,但能創造潛意識的凝聚感。
- 內容類別獲得有限、有意圖的重點色系統,而非彩虹。
重要的是,它使用 OKLCH 而非 HSL,使得等量的明度步階看起來確實相等。隨著明度移向極端,色度自動下降。這就是你獲得「經過考量」而非「經過計算」的色彩感的方式。
試試看
/impeccable colorize the dashboard
預期變更:
- 品牌色彩從硬編碼的 hex 移到
--color-accent: oklch(62% 0.18 240) - 中性色以 0.007 色度向品牌色調偏色
- 主要按鈕獲得完整的重點色,次要按鈕獲得墨色/霧色
- 圖表系列使用 3 個不同的色調,都在匹配的明度上,因此沒有系列在視覺上主導
- 空狀態插圖使用柔和的重點色渲染
注意事項
- 沒有品牌色調就執行。 Colorize 需要一個起點。如果
PRODUCT.md沒有指定,它會詢問。不要讓它從 AI 色彩盤預設值中選擇。 - 期望它修復 AI 色彩盤問題。 如果你的設計已經有紫色漸層和青色霓虹,你需要先執行
/impeccable quieter,然後 colorize 才能重建。 - 在已經色彩豐富的介面上使用。 那是
/impeccable quieter的工作。Colorize 是添加,不是減少。