Wcag

Wcag taxonomy generated by the site skill importer.

16 個技能
A
accessibility

作者 affaan-m

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

UX 稽核
收藏 0GitHub 156k
S
ux-designer

作者 Shubhamsaboo

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

UI/UX 設計
收藏 0GitHub 104.2k
W
accessibility-compliance

作者 wshobson

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

UX 稽核
收藏 0GitHub 32.6k
W
wcag-audit-patterns

作者 wshobson

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

UX 稽核
收藏 0GitHub 32.5k
W
screen-reader-testing

作者 wshobson

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

UX 稽核
收藏 0GitHub 32.5k
P
critique

作者 pbakaus

critique 可幫你從 UX 角度檢視介面、功能、頁面或元件,提供結構化評分、基於 persona 的測試、啟發式檢查與可執行的回饋。當你需要一套可重複使用、專為 UI/UX Design 設計的 critique 指南,而不是空泛評論時,就適合使用這個 skill。它最適合針對某個明確範圍、具備清楚脈絡的目標區域進行聚焦 critique。

UI/UX 設計
收藏 0GitHub 20.4k
P
audit

作者 pbakaus

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

UX 稽核
收藏 0GitHub 15k
P
audit

作者 pbakaus

audit skill 可針對頁面、功能或元件執行結構化的技術 UX 審核。它會檢查無障礙、效能、主題樣式、響應式行為,以及前端反模式,並回傳附有評分結果、P0-P3 嚴重度分級與行動方案的發現項目。最適合在完成必要的 /frontend-design 情境步驟後使用。

UX 稽核
收藏 0GitHub 14.9k
P
audit

作者 pbakaus

audit skill 可針對無障礙、效能、主題樣式、響應式行為與反模式,執行結構化的技術型 UI 審查。它會針對特定頁面、功能或元件,回傳評分結果、P0-P3 嚴重度分級,以及可執行的行動方案。最適合在先完成設計脈絡蒐集後使用。

UX 稽核
收藏 0GitHub 14.6k
A
ui-web

作者 alinaqi

ui-web 協助你設計與調整網頁 UI 元件,提供 WCAG 2.1 AA 檢查、強對比、清楚可見的控制項,以及適合深色模式的 Tailwind 樣式做法。當你需要實用的 UI 設計指引,能提升無障礙性並減少猜測時,可在 React 風格前端使用這個 ui-web 技能。

UI 設計
收藏 0GitHub 611
A
ui-testing

作者 alinaqi

ui-testing 技能提供一套以清單為核心的 UI 檢測工作流程,可在發佈前找出看不見的按鈕、對比不足、缺少焦點狀態與觸控目標過小等問題。它特別適合 UI 設計審查、元件檢查,以及快速做無障礙健檢;相較於通用的測試提示,能減少猜測。

UI 設計
收藏 0GitHub 607
A
ui-mobile

作者 alinaqi

ui-mobile 是一份實用的行動 UI 設計指南,適用於 React Native 與相關的 iOS/Android 程式碼庫。它聚焦於可及性觸控目標、對比度與互動規則,幫助你更有把握地建立更安全的畫面、檢視元件,並提升行動裝置上的可用性。

UI 設計
收藏 0GitHub 607
E
web-design-guidelines

作者 ehmo

web-design-guidelines 是一套不綁框架的指南,用來建立、審查與修正可近用、響應式的網頁 UI。可用在語意化 HTML、WCAG 2.2 檢查、表單、焦點狀態、對比度、深色模式、效能,以及跨 HTML、CSS 和 JS 的版面決策。

UI 設計
收藏 0GitHub 357
I
fixing-accessibility

作者 ibelick

fixing-accessibility 可在上線前協助檢查與修復 HTML 無障礙問題。可用於按鈕、表單、對話框、分頁、僅圖示控制項、鍵盤操作流程、焦點處理、表單錯誤、對比度,以及螢幕閱讀器標籤。fixing-accessibility 技能最適合做有針對性的 UI 程式碼修復,不適合用來產出大範圍的合規報告。

UX 稽核
收藏 0GitHub 0
R
swiftui-wcag-accessibility-auditor

作者 ramzesenok

swiftui-wcag-accessibility-auditor 會針對 SwiftUI iOS 功能程式碼進行 WCAG 2.2 A/AA 級與 WCAG2Mobile 稽核,並回傳可直接套用補丁的修正建議,附上證據、優先順序,以及針對無法從程式碼判定的行為所需的使用者驗證檢查。適合用於登入驗證、表單、設定、自訂控制項,以及合併前的 UX 稽核工作。

UX 稽核
收藏 0GitHub 0
S
design-system-starter

作者 softaworks

design-system-starter 可協助團隊快速搭建 design system,提供 tokens、atomic components、theming、WCAG 2.1 AA 指引、檢查清單,以及適用於 React 的文件與起始程式碼範本。

設計系统
收藏 0GitHub 0
Wcag