colorize

概覽

什麼是 colorize 技能？

colorize 技能旨在協助 UI 設計師與開發者，策略性地為過於灰暗、沉悶或缺乏視覺趣味的介面增添色彩。透過有計畫地引入色彩，能使產品更具吸引力、表現力，並與品牌識別保持一致。當使用者或利害關係人覺得設計缺乏生氣、需要更多活力或更溫暖的色調時，這項技能特別適用。

誰適合使用 colorize？

• 希望強化視覺層次與情感吸引力的 UI/UX 設計師
• 致力於提升介面美感的前端開發者
• 在產品中利用色彩來澄清意義或改善導覽的團隊

解決的問題

• 單色調或過於中性的介面
• 缺乏視覺層次或語意提示
• 設計未反映品牌色彩或情感基調

使用說明

安裝步驟

1. 使用以下指令安裝 colorize 技能：
   npx skills add https://github.com/pbakaus/impeccable --skill colorize
2. 首先閱讀 SKILL.md 檔案，了解完整工作流程與需求。
3. 如有提供，請檢視 README.md、AGENTS.md 及 metadata.json 等輔助檔案。

工作流程指引

• 必要準備：
  • 在應用 colorize 前，先執行 /frontend-design 以收集設計原則與背景資訊。若無設計背景，請先執行 /teach-impeccable。
  • 收集現有品牌色彩以確保一致性。
• 評估色彩機會：
  • 分析目前設計中缺乏色彩或可受益於色彩的部分（例如語意意義、層次、分類或情感基調）。
• 規劃並應用色彩：
  • 策略性地引入色彩，聚焦於最能受益的區域，如行動呼籲按鈕、警示或導覽元素。
  • 確保色彩選擇符合品牌指引及無障礙標準。

建議檢視的檔案

• 以 SKILL.md 作為主要流程參考。
• 若有規則、資源或腳本資料夾，也請一併檢視以獲得更多背景資訊。

常見問題

什麼時候應該使用 colorize 技能？

當你的介面感覺過於單調、缺乏視覺溫度，或利害關係人希望介面更鮮明有表現力時，使用 colorize 非常合適。它特別有助於提升層次感、導引性與情感基調。

使用 colorize 前需要做哪些準備？

必須先透過執行 /frontend-design 收集設計背景，必要時再執行 /teach-impeccable。並且在開始前蒐集所有相關品牌色彩。

colorize 適用於所有專案嗎？

colorize 最適合用於能透過色彩提升使用者體驗，且不影響無障礙性或品牌一致性的專案。對於刻意採用極簡或灰階設計的專案，可能不太適合。

哪裡可以找到更多細節或輔助腳本？

請開啟儲存庫的 Files 標籤，瀏覽完整檔案結構，包括任何巢狀參考或支援 colorize 工作流程的輔助腳本。