间距

使用 design-system skill 來產生或審查 UI 系統、從既有程式碼中擷取 tokens，並在真實 repo 中檢查樣式一致性。

design-review 是一個以 UX 為導向的設計 QA 技能，用來稽核線上介面，找出間距、層級、視覺一致性與互動問題，再透過驗證反覆修正。它支援在實作前先進行 plan-mode 檢視，適合你需要一份能對應具體原始碼變更的 design-review 指南，而不是空泛建議的情境。

design-consultation 是一個 design-consultation 技能，用來把粗略的產品想法轉化為完整的設計方向。它會建立 `DESIGN.md` 作為單一事實來源，並產生預覽與系統層級的指引，涵蓋字體、色彩、間距、版面與動效。特別適合新產品與需要一致起點的 UI 介面。

visual-design-foundations 可協助團隊建立實用的 UI 系統，涵蓋字體比例、色彩 tokens、間距規則與圖示設計指引。你可以用它打好設計基礎、建立 style guide、檢視視覺層級，並依據明確的設計限制產出可直接落地實作的 CSS variables。

polish 是一個用於 UI 的最終檢視 skill，適合在正式交付前找出對齊、間距、一致性、token 使用與各種微小細節問題。它最適合已經能正常運作、但整體質感還差臨門一腳的畫面、流程或元件。可用來提升上線準備度、強化與 design system 的一致性，並在不做多餘重設計的前提下整體拉高品質。

layout 技能可在 UI 看起來扁平、擁擠或排列過於死板時，協助改善間距、層級與整體構圖。它適合處理版面配置、對齊與視覺節奏等問題，提供的是偏實務的 UI Design layout 指南，而不是泛泛而談的樣式建議。當你需要調整結構、釐清群組關係，並改善閱讀動線時，這項技能特別適合。

distill 能協助精簡雜亂的 UI 設計，移除干擾資訊、薄弱的層級關係與多餘選項，讓核心任務更清楚。當某個畫面需要更有紀律地做減法、釐清優先順序，並進行聚焦式簡化時，就很適合使用它。

layout skill 可協助檢查並改善 UI 的構圖、留白、視覺層級、對齊與節奏感。特別適合用於畫面過於擁擠或結構薄弱的介面；使用前需先透過 /impeccable 蒐集必要脈絡。

industrial-brutalist-ui skill for UI Design 可打造機械感、高密度介面，結合瑞士風格網格、強烈字級對比、實用主義配色與類比質感。這份 industrial-brutalist-ui 指南適合儀表板、編輯系統與作品集頁面，特別是需要紀律感控制台風格的情境。

arrange 可協助診斷並改善 UI 版面配置、間距與視覺層級。當畫面過於擁擠、網格重複感太強或整體構圖偏弱時，可使用這個 arrange skill；需先完成 $frontend-design 設定，並可視情況補充 $teach-impeccable 作為額外情境。

typeset skill 可稽核並優化 UI 字體排印，改善字型選擇、層級、尺寸、字重與可讀性。特別適合產品介面、儀表板與落地頁。在使用前需先具備 /frontend-design 的脈絡；若沒有任何設計脈絡，則應先搭配 /teach-impeccable。

polish skill 可協助團隊在正式上線前，針對 UI 做最後一輪品質檢查。適合在介面功能已完成、設計脈絡也已明確後使用，用來找出間距、對齊、互動狀態、文案，以及各種邊界情境的細節問題。

normalize skill 會稽核 UI 功能，並將其重新對齊到你的設計系統。了解 normalize 的安裝選項、前端設計所需前置準備，以及在頁面、路由與元件上的實際使用方式。

distill 是一個用於 UI 設計的 skill，能將畫面、元件與流程收斂到最核心的使用目標。適合用來減少雜亂、視覺噪音與功能膨脹；但要注意，distill 依賴 /frontend-design，且有時在使用前還需要先執行 /teach-impeccable。

arrange 可協助改善 UI 版面、間距與視覺層級。適合用來診斷畫面過於擁擠、重複性過高的網格、群組關係薄弱，以及構圖扁平等問題，並進一步建立更清楚的結構與更有節奏的留白。最適合在 pbakaus/impeccable 中，於 /frontend-design 之後使用；有些情況也建議先執行 /teach-impeccable，才能更充分發揮 arrange 的效果。

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

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

normalize 技能會稽核 UI 功能，並重新對齊到你的 design system。了解 normalize 的安裝適用情境、必要的 /frontend-design 前置準備，以及在 pages、routes 與 components 中的實際使用方式。

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

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

infographic 技能可透過 `infographic` DSL，將結構化內容轉成精緻的資訊圖表版面。適合用於 KPI 卡片、時間軸、路線圖、逐步流程、A vs B 比較、SWOT、漏斗、組織樹，以及簡單圖表。很適合 UI Design 的 infographic 與簡報式摘要，內容以 4–8 個項目最為合適。不適合複雜資料分析或技術示意圖。

high-end-visual-design 是一套高質感 UI 方向技能，專為打造編輯感、電影感且精緻打磨的介面而設計。它能透過引導字型、間距、陰影、動態與版面構成，幫助 AI 避開千篇一律的版型，適用於著陸頁、行銷網站、儀表板，以及精緻的 app 介面。

redesign-existing-projects 技能可將既有網站與應用升級到精品級質感。它會先檢查現有設計、找出通用的 AI 痕跡，再在不破壞功能的前提下進行高質感的設計實作。可搭配各種 CSS framework 或純 CSS 使用。

gpt-taste 是一個以設計為核心的 skill，適合用來打造有精緻感的 UI 頁面，強調編輯感的視覺指導、留白節奏與 GSAP 動效。當你要做行銷頁、登陸頁或展示型網站，並希望版面變化更豐富、排版控制更精準、少一些通用的前端套路時，gpt-taste skill 很適合使用。這份指南也包含安裝與使用說明，方便實際落地。