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 與無障礙稽核。

ui-design-system 是一個用於 Design Systems 的 Claude skill，可協助產生 design tokens、color scales、typography、spacing、responsive rules、component documentation 與 developer handoff assets，並提供參考資料與 Python token generator，可輸出 JSON、CSS、SCSS 或 summary。

apple-hig-expert 是一項 Claude skill，適用於 iOS、macOS、watchOS 與 visionOS 的 Apple HIG 設計與稽核。它提供平台注意事項、無障礙指引、Liquid Glass 視覺審查、HIG 稽核範本，以及用於檢查對比與點按目標的 Python checker。

md-review 可將包含 unified diff fences 與 severity callouts 的 markdown PR writeups，轉成單一檔案、雙欄式的 HTML code review。它使用 parser、annotation 與 renderer scripts，需要指定 reviewer，支援 BLOCKER/MAJOR/MINOR/NIT 慣例，並保留可存取的嚴重度提示。

email-template-builder 協助團隊設計交易型電子郵件系統，支援 React Email 或 MJML 範本、Resend、Postmark、SendGrid、AWS SES 等服務商整合、預覽工具、i18n、深色模式、送達率檢查與追蹤。最適合 SaaS 與產品團隊，用來把一次性的 HTML email 轉換成可維護的工作流程。