跳至內容

選擇語言

目前語言: 繁體中文

Colorize

/impeccable colorize

适用场景

  • 介面看起來勝任但令人遺忘。
  • 你需要更清晰的重點,而不需要重寫整個結構。
  • 目前的色盤沒有傳達預期的氛圍。

何時使用

/impeccable colorize 是「一切都是灰色」的對策。讀起來像一面米色牆的儀表板、沒有重點色的表單、可能是任何 SaaS 產品的內容頁。當介面功能正常但情感上平淡,你想要溫暖而不偏向 AI 色彩盤(紫到粉、青色霓虹、深色模式光暈)時使用它。

運作方式

技能首先讀取你的品牌色彩(如果有的話),然後決定色彩在哪裡值得它的位置:

  1. 主要操作獲得品牌色調最強的表現。
  2. 次要重點色獲得柔和或帶色調的變體,而非第二個完整色彩。
  3. 中性色以低色度(約 0.005 到 0.01)向品牌色調偏色,這幾乎逐像素不可見,但能創造潛意識的凝聚感。
  4. 內容類別獲得有限、有意圖的重點色系統,而非彩虹。

重要的是,它使用 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 執行與專案工作更容易跟進。