Colorize
/impeccable 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 是添加,不是減少。
讓想法化為交付成果。
HagiCode 是面向專案開發的 AI 編碼工作台:以 OpenSpec 工作流程規劃變更,多 Agent 並行執行,再由 Hero Scenario 讓進度一目了然,將想法化為交付成果。
- 智慧
- OpenSpec 工作流程將意圖轉化為從提案到交付的可執行路徑。
- 高效
- 多 Agent 並行推進研究、實作與審查。
- 有趣
- 豐富、便利的介面互動,讓規劃、Agent 執行與專案工作更容易跟進。
生態站點
快速連結
社群
© 2026 HagiCode | Powered By hagilight-starlight@0.18.0 | Branch: main | Commit: 4369090 | Built:
