作者 garrytan
design-consultation 是一個 design-consultation 技能,用來把粗略的產品想法轉化為完整的設計方向。它會建立 `DESIGN.md` 作為單一事實來源,並產生預覽與系統層級的指引,涵蓋字體、色彩、間距、版面與動效。特別適合新產品與需要一致起點的 UI 介面。
作者 garrytan
design-consultation 是一個 design-consultation 技能,用來把粗略的產品想法轉化為完整的設計方向。它會建立 `DESIGN.md` 作為單一事實來源,並產生預覽與系統層級的指引,涵蓋字體、色彩、間距、版面與動效。特別適合新產品與需要一致起點的 UI 介面。
作者 wshobson
visual-design-foundations 可協助團隊建立實用的 UI 系統,涵蓋字體比例、色彩 tokens、間距規則與圖示設計指引。你可以用它打好設計基礎、建立 style guide、檢視視覺層級,並依據明確的設計限制產出可直接落地實作的 CSS variables。
作者 pbakaus
quieter 是一個用於精煉 UI 設計的技能,能在視覺過度強烈、容易讓人感到疲勞的介面中降低視覺壓迫感,同時保留清晰度、層級與品牌意圖。它最適合在父層 `$impeccable` 技能之後使用,並能協助團隊在做出有針對性的調整前,先診斷出造成強度過高的來源。
作者 Leonxlnx
brandkit 是一款高階品牌套件影像生成技能,專為品牌設計工作而打造,涵蓋 logo 系統、識別提案、視覺規範板與藝術指導式品牌簡報。它適合用來產出一致、具有工作室質感的成果,適用於新創、開發工具、資安、遊戲、消費型 App 與精品概念。當你想要的是完整、精緻的品牌世界,而不是制式化的 AI 情緒板時,就適合使用 brandkit。
作者 Leonxlnx
industrial-brutalist-ui skill for UI Design 可打造機械感、高密度介面,結合瑞士風格網格、強烈字級對比、實用主義配色與類比質感。這份 industrial-brutalist-ui 指南適合儀表板、編輯系統與作品集頁面,特別是需要紀律感控制台風格的情境。
作者 pbakaus
colorize skill 可協助 UI 團隊為灰階或過於平淡的介面加入更有策略的色彩。了解何時適合使用、需要提供哪些背景脈絡,以及它如何搭配 $frontend-design 與具品牌意識的色彩決策,融入 impeccable workflow。
作者 pbakaus
bolder 可協助把安全但平淡的 UI 設計做得更有辨識度,同時不犧牲可用性。本文說明何時適合使用 bolder skill、必須先完成的 $frontend-design 前置步驟,以及如何撰寫更有力的 prompts、進行問題診斷,並在可控範圍內提升視覺張力。
作者 pbakaus
distill 是一個用於 UI 設計的 skill,能將畫面、元件與流程收斂到最核心的使用目標。適合用來減少雜亂、視覺噪音與功能膨脹;但要注意,distill 依賴 /frontend-design,且有時在使用前還需要先執行 /teach-impeccable。
作者 pbakaus
了解 colorize 技能如何為灰暗或過於平淡的 UI 設計加入更有策略性的色彩。這份指南整理了使用前所需的 frontend-design 準備、來自 repository 的安裝與依賴脈絡,以及在資訊層級、語意表達與品牌契合度上的實務用法。
作者 pbakaus
bolder 是一個用於 UI 設計的技能,能為平淡、過於保守的介面提升對比、層級與個性。在已先用 /frontend-design 蒐集脈絡後使用效果最佳;若目前沒有設計脈絡,也可先搭配 /teach-impeccable。它適合用來產出更銳利、可執行的設計改進方向,同時不犧牲可用性。
作者 pbakaus
quieter skill 可降低 UI Design 的視覺刺激強度,協助弱化過於張揚、刺眼或令人感官負擔過重的介面,同時保留層級、清晰度與品牌個性。最適合在 pbakaus/impeccable repository 中完成必要的 /frontend-design workflow 後使用。
作者 pbakaus
distill 是一個用於 UI 設計精簡的 skill,能將畫面收斂到最核心的使用任務。適合用來減少介面雜訊、去除多餘元素,並釐清資訊層級。最適合在完成 /frontend-design 之後使用,前提是你已提供明確的單一畫面、一個主要使用者目標,以及清楚的必留限制。
作者 pbakaus
colorize skill 可協助團隊為灰階或過於平淡的 UI 設計加入更有策略的色彩。它會引導你判斷哪些地方該上色、為什麼重要,以及如何結合既有品牌脈絡、資訊層級、語意狀態與整體語氣來運用色彩。建議先搭配 /frontend-design 使用,能讓配色決策更穩妥可靠。
作者 JimLiu
baoyu-cover-image 可協助代理生成結構化的文章封面圖片提示詞,涵蓋類型、配色、渲染、文字與氛圍等維度。支援 2.35:1、16:9 與 1:1 格式,並提供自動選擇規則與相容性指引,適合需要可重複執行的編輯與 UI Design 封面製作流程。
作者 markdown-viewer
infographic 技能可透過 `infographic` DSL,將結構化內容轉成精緻的資訊圖表版面。適合用於 KPI 卡片、時間軸、路線圖、逐步流程、A vs B 比較、SWOT、漏斗、組織樹,以及簡單圖表。很適合 UI Design 的 infographic 與簡報式摘要,內容以 4–8 個項目最為合適。不適合複雜資料分析或技術示意圖。
作者 Leonxlnx
high-end-visual-design 是一套高質感 UI 方向技能,專為打造編輯感、電影感且精緻打磨的介面而設計。它能透過引導字型、間距、陰影、動態與版面構成,幫助 AI 避開千篇一律的版型,適用於著陸頁、行銷網站、儀表板,以及精緻的 app 介面。
作者 MiniMax-AI
minimax-pdf skill 可在你重視視覺品質與文件辨識度時,協助你建立、填寫或重新排版出精緻的 PDF。適合 CREATE、FILL 或 REFORMAT 工作流程,搭配以 token 為基礎的設計系統,將粗略輸入轉成可直接印刷的輸出。本指南涵蓋 minimax-pdf 安裝、minimax-pdf 使用方式,以及如何選擇路由以獲得更好的結果。
作者 pbakaus
teach-impeccable 是一個一次性設定 skill,會掃描你的 repo,只針對缺漏的 UX 與品牌問題提問,並將可持續沿用的設計指引保存下來,供後續 AI 工作階段使用。
作者 pbakaus
quieter 是一項用於精修 UI 設計的技能,能在保留層級、品牌識別與可用性的前提下,降低畫面的視覺刺激與壓迫感。它最適合在 /frontend-design 之後使用,必要時再搭配 /teach-impeccable,幫助團隊在不全面重設計的情況下,讓過於喧鬧的介面回歸平衡。