Accessibility

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

flutter-dart-code-review 是一套與函式庫無關的 Flutter 與 Dart 程式碼審查清單，涵蓋架構、Widget 品質、狀態管理、效能、無障礙、安全性與乾淨程式碼。可將它作為結構化的 flutter-dart-code-review Code Review 指南，適用於 BLoC、Riverpod、Provider、GetX、MobX、Signals 或自訂模式。

browser-qa 是一套用於部署後視覺測試、互動檢查、響應式截圖與可及性檢視的 browser QA 技能，透過 browser automation 進行。它能幫助前端開發者與 QA 團隊，以可重複執行的 browser-qa 指南驗證 staging 或 preview 頁面，而不是依賴泛用提示。

accessibility skill 可協助你依據 WCAG 2.2 Level AA，為 Web、iOS 與 Android 設計、實作並稽核無障礙 UI。可用來梳理元件角色、標籤、狀態、焦點行為與 accessibility traits，並支援 UX Audit 與實作審查中的實務應用。

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

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

visualization-expert 是一款輕量技能，提供圖表選型、資料視覺化最佳實務，以及 matplotlib 或 plotly 範例程式碼。你可以用它挑選更合適的圖表、檢視儀表板設計，並透過單一 `SKILL.md` 檔取得清楚、易懂且兼顧可近性的視覺化指引。

qa 技能會以分階段工作流程系統化測試 Web 應用、找出 bug，並驗證修正是否生效。當你需要回歸測試、上線準備檢查，或想要一套結構化 QA 指南，而不是泛用的找 bug 提示詞時，這個技能特別適合；它提供證據、嚴重度評分，以及原子化的修正與重測循環。

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

ckm:ui-styling 結合 shadcn/ui、Tailwind CSS 與 canvas 視覺設計，協助你打造無障礙、可量產的使用者介面。特別適合需要結構化響應式版型、無障礙元件、深色模式與一致設計系統的 React 專案。用 ckm:ui-styling 技能進行 UI 設計、主題設定與快速原型開發，並獲得針對技術棧的實用指引。

ckm:brand 是一套品牌工作流程技能，用於建立、更新與審查品牌指南、訊息架構、語氣風格、視覺識別，以及透過實用腳本與檢查清單同步 design tokens。

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

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

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 的自適應版面配置。

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

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

screen-reader-testing 是一項很實用的技能，適合用於 UX 稽核與無障礙 QA。你可以學會如何搭配 VoiceOver、NVDA 與 JAWS 測試 Web 應用，安排瀏覽器與平台覆蓋優先順序，並檢查表單、ARIA 行為、焦點管理與動態提示公告。

web-design-guidelines 會依 Vercel Web Interface Guidelines 檢查 UI 程式碼，抓取最新規範，並以精簡的 file:line 結果回報，適合聚焦 UX 與無障礙稽核。

harden 技能可協助將 UI 設計與介面規格補強到可正式上線的程度，透過檢查邊界情境、空白狀態、錯誤處理、長文字、本地化、權限限制，以及其他真實世界常見的失敗情境，降低實作落差。當你要將 harden 用於 UI Design，希望減少版面意外、補齊互動與例外處理規則時，就很適合使用。

clarify 可改善讓人看不懂的 UX 文案、錯誤訊息、標籤、導覽流程與操作指引，讓使用者更少猜測就能採取行動。它很適合技術寫作、支援內容，以及需要更清楚介面文字的產品團隊。這個技能會先釐清情境、受眾與使用者狀態，再進行改寫，因此產出的內容會更直接、更具體，也更好用。

audit skill 會針對前端成果執行 technical UX Audit，檢查無障礙、效能、主題樣式、響應式表現與反模式。它會產出評分結果、P0-P3 嚴重度標記與後續行動計畫，但在使用前必須先完成相關 impeccable skills 的必要設定。

frontend-design 是一個以情境脈絡為優先的技能，專門用來打造更有辨識度的前端 UI 程式碼。你可以用它把目標受眾、使用情境與品牌語氣，轉化為更成熟的版面配置、字體排印、色彩、動態效果、互動狀態與 UX 文案，適用於頁面、元件與整體流程設計。