视觉层级

typeset 會透過檢視字體選擇、層級、尺寸、字重與可讀性來改善 UI 排版。最適合在 /frontend-design 之後使用；若缺少脈絡，建議搭配 /teach-impeccable，將原本普通、缺乏設計意圖的文字內容整理成更清楚且更有一致性的字體系統。

quieter skill 可降低 UI Design 的視覺刺激強度，協助弱化過於張揚、刺眼或令人感官負擔過重的介面，同時保留層級、清晰度與品牌個性。最適合在 pbakaus/impeccable repository 中完成必要的 /frontend-design workflow 後使用。

polish 技能用於產品上線前的最後一輪 UI 檢視，協助修正間距、對齊、文案、狀態與轉場等細節。最適合在功能已完成、具備設計脈絡、有明確品質標準，且已鎖定特定畫面、流程或元件時使用。

distill 是一個用於 UI 設計精簡的 skill，能將畫面收斂到最核心的使用任務。適合用來減少介面雜訊、去除多餘元素，並釐清資訊層級。最適合在完成 /frontend-design 之後使用，前提是你已提供明確的單一畫面、一個主要使用者目標，以及清楚的必留限制。

colorize skill 可協助團隊為灰階或過於平淡的 UI 設計加入更有策略的色彩。它會引導你判斷哪些地方該上色、為什麼重要，以及如何結合既有品牌脈絡、資訊層級、語意狀態與整體語氣來運用色彩。建議先搭配 /frontend-design 使用，能讓配色決策更穩妥可靠。

bolder 是一個用於 UI 設計的 skill，適合在介面看起來過於平淡、保守時使用，透過更鮮明的層級、對比與個性提升整體表現，同時維持可用性。最適合在 /frontend-design 之後使用；若缺少脈絡，也可搭配 /teach-impeccable，並針對明確目標套用，例如某個頁面、區塊或元件。

arrange skill 可協助改善 UI 版面配置、留白間距、資訊分組與視覺層級。這份指南會說明什麼情況適合使用它、如何從 GitHub repo 完成 arrange install，以及如何結合 /frontend-design 脈絡實際運用 arrange，做出更好的 UI Design 判斷。