UI/UX

liquid-glass-design 可協助你在 SwiftUI、UIKit 與 WidgetKit 中實作 Apple 的 iOS 26 Liquid Glass 系統。適合用來製作玻璃質感按鈕、卡片、工具列、容器與小工具，並提供形狀、色調、互動性，以及何種情境適合實際 UI 使用的指引。

healthcare-emr-patterns 是一個實用的 Healthcare EMR/EHR 設計技能。它涵蓋病人就診流程、臨床紀錄撰寫、用藥檢核、檢驗結果醒目標示、稽核軌跡、CDSS 整合，以及以可近用性優先的醫療資料輸入，協助建立更安全的臨床工作流程。

gan-style-harness 是一個用於 Agent Orchestration 的 Generator-Evaluator 技能，能以更嚴格的評審、更好的迭代，以及更少的薄弱環節，協助打造完整應用程式。當你需要 gan-style-harness 技能來處理偏前端、全端，或偏向正式上線思維的工作，而且審查品質比速度更重要時，這個技能就很適合。

brainstorming 是一項實作前技能，會先釐清情境脈絡、一次只提出一個澄清問題，並要求在任何程式碼撰寫前先完成設計核准。另包含可選用的 visual companion，並對 Requirements Planning 提供完整支援。

frontend-design 協助你把模糊的 UI 構想變成具有明確美感方向的獨特、可上線前端介面，產出真實可用的 frontend 程式碼，減少千篇一律的 AI 風格。

theme-factory 是用於投影片、文件、報告與 landing pages 的精選主題化技能。可先查看 showcase，從 10 款預設主題中挑選，再把一致的色彩與字體搭配套用到你的成品。

canvas-design 以兩步驟流程協助產出原創靜態視覺：先用 Markdown 寫設計哲學，再渲染成 .png 或 .pdf。特別適合海報、封面視覺、概念圖，以及文字較少、偏 UI 延伸的活動宣傳圖。

ux-designer 是一套結構化的 UX 設計 skill，涵蓋研究、無障礙、資訊架構、互動流程、線框規劃與 UX 文案。它透過 AGENTS.md 與聚焦的規則檔，協助團隊把粗略的產品想法整理成更清楚、可依準則判斷的設計決策。

prototype 技能可協助你先做出一次性程式碼，在投入正式實作前，先回答一個具體問題。它適合用來測試邏輯、狀態轉換、資料結構或 UI 方向，並產出一個符合主 repo 慣例、可執行的 prototype。當你需要的是快速 prototype 指南，而不是最終功能時，這會非常合適。

ui-ux-pro-max 是一款專為 AI 輔助 UI/UX 設計打造的全方位技能，提供網頁與行動專案的版型、風格、色彩系統、字體排版及 UX 規範等結構化指引。適合需要實用設計決策的開發者與團隊，支援 React、Next.js、Vue、Svelte、Tailwind、shadcn/ui、SwiftUI、React Native、Flutter 及 HTML/CSS。可用於 UI 規劃、審查與優化，結合精選設計智慧。

ckm:design-system 從清晰的 token 架構出發，協助建立三層 tokens、元件規格、CSS variables、Tailwind 對應，以及維持品牌一致的簡報投影片資產。

ckm:design 是一套結構化設計技能，適合分流與製作 logo、CIP mockup、橫幅、簡報與 SVG 圖示。它提供實用參考、CSV 驅動選項與 Python 腳本，讓設計流程可重複執行，不只依賴泛用提示詞輸出。

ckm:banner-design 可協助製作橫幅、封面、頁首、展示廣告與網站 hero 圖，提供結構化 brief、依尺寸調整的流程與多種視覺方向。適合 UI 設計、行銷素材與各平台橫幅概念發想，搭配 SKILL.md 與 banner 尺寸/風格參考使用。

accessibility-compliance 技能可協助團隊依據實務可行的 WCAG 2.2、ARIA、鍵盤操作、螢幕閱讀器與行動裝置無障礙指引，稽核並改善網站或行動應用程式的 UI。特別適合用於 UX 稽核、元件修正，以及可直接落地的實作建議。

design-system-patterns 協助團隊打造可擴充的 UI 基礎，涵蓋 design token 結構、theming 架構，以及可重用的元件 API 模式，適合用於設計系統與元件庫。

interaction-design skill 可協助團隊設計並實作有明確目的的 UI 動態、微互動、轉場、載入狀態與回饋模式，並提供以 React 為導向的實用參考與使用指引。

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

web-component-design 技能可協助團隊為 React、Vue 與 Svelte 設計可重複使用的 UI 元件，提供穩健的 API 模式、無障礙指引，以及適用於設計系統的樣式取捨參考。

mobile-android-design 可協助代理提供貼近 Android 原生體驗的 UI 指引，涵蓋 Material Design 3、Jetpack Compose、主題設計、導覽，以及適用於手機、平板與摺疊裝置的自適應版面模式。

mobile-ios-design 技能可協助代理產出更貼近 iOS 原生體驗的 UI 指引，涵蓋 Apple HIG 原則、SwiftUI 模式、導覽建議、無障礙設計，以及適用於 iPhone 與 iPad 的自適應版面配置。

react-native-design 是一項專注於 React Native UI 模式的技能，涵蓋 StyleSheet 樣式設計、型別化 React Navigation，以及 Reanimated 3 在跨平台畫面中的使用方式。

kpi-dashboard-design 技能可協助團隊規劃以決策為核心的 KPI 儀表板，涵蓋指標挑選、儀表板層級、圖表設計模式，以及適用於高階主管、戰術管理與營運監控視角的治理建議。

使用 tailwind-design-system 技能建立 Tailwind CSS v4 設計系統，涵蓋 design tokens、theming、variants、無障礙設計，以及 v3 到 v4 的遷移指引。

wcag-audit-patterns 是一套結構化的 WCAG 2.2 無障礙稽核 skill，適合用於 accessibility review。你可以用它整合自動化偵測結果與人工檢查，依嚴重程度與符合等級排定問題優先順序，並為頁面、流程與元件產出可執行的修正建議。