UX 稽核

瀏覽 設計 下與 UX 稽核 相關的 Agent Skill,並比較相近工作流、工具與使用情境。

28 個技能
A
click-path-audit

作者 affaan-m

click-path-audit 技能可協助沿著每一次狀態變更追蹤 UI handlers,找出重構後或 code review 時容易漏掉的流程 bug、共享狀態衝突,以及最終狀態不一致等問題。

程式碼評審
收藏 0GitHub 156.1k
A
accessibility

作者 affaan-m

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

UX 稽核
收藏 0GitHub 156k
G
qa

作者 garrytan

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

回歸测试
收藏 0GitHub 91.8k
G
design-review

作者 garrytan

design-review 是一個以 UX 為導向的設計 QA 技能,用來稽核線上介面,找出間距、層級、視覺一致性與互動問題,再透過驗證反覆修正。它支援在實作前先進行 plan-mode 檢視,適合你需要一份能對應具體原始碼變更的 design-review 指南,而不是空泛建議的情境。

UX 稽核
收藏 0GitHub 91.8k
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
V
web-design-guidelines

作者 vercel-labs

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

UX 稽核
收藏 0GitHub 24k
P
distill

作者 pbakaus

distill 能協助精簡雜亂的 UI 設計,移除干擾資訊、薄弱的層級關係與多餘選項,讓核心任務更清楚。當某個畫面需要更有紀律地做減法、釐清優先順序,並進行聚焦式簡化時,就很適合使用它。

UI 設計
收藏 0GitHub 20.4k
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
critique

作者 pbakaus

critique skill 可協助團隊對頁面、功能與元件進行有架構的 UX 評審。它會檢視資訊層級、認知負荷、可用性啟發式,以及以 persona 為基礎的風險,並把發現整理成可執行的修正建議。最適合在 /frontend-design 之後使用,並搭配清楚的截圖、目標與使用者情境。

UX 稽核
收藏 0GitHub 14.9k
P
audit

作者 pbakaus

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

UX 稽核
收藏 0GitHub 14.9k
P
critique

作者 pbakaus

critique skill 透過結構化的 UX 稽核流程,協助檢視頁面、流程與元件。它會檢查 AI-slop 訊號、視覺層級、資訊架構、認知負荷、啟發式原則,以及以 persona 為基礎的操作阻力,並將發現整理成可執行的回饋。最適合搭配 frontend-design 與 teach-impeccable 的脈絡一起使用。

UX 稽核
收藏 0GitHub 14.6k
P
audit

作者 pbakaus

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

UX 稽核
收藏 0GitHub 14.6k
P
customer-journey-map

作者 phuryn

customer-journey-map 技能可協助你建立端到端的顧客旅程地圖,涵蓋階段、接觸點、情緒、痛點與機會。當你需要把零散資料整理成有結構的旅程敘事時,它很適合用於 UX Research、入門導引優化與體驗分析。

UX 研究
收藏 0GitHub 11k
D
proto-persona

作者 deanpeters

proto-persona 技能可幫助你在更深入驗證前,先把研究結果、市場訊號與團隊知識整合成一份可用的客戶輪廓。當你需要一個務實、以假設為基礎的起點,來支援早期產品與 UX Research 決策時,這份 proto-persona 指南就很適合使用。

UX 研究
收藏 0GitHub 4.1k
D
pol-probe

作者 deanpeters

pol-probe 可幫你定義一個 Proof of Life 探針,在真正開始打造產品前,用低成本先驗證高風險假設。使用 pol-probe skill 可以減少原型作戲、設定嚴格的成功標準、選對探針類型,並在學到結果後規劃如何處置。

原型
收藏 0GitHub 4.1k
N
why

作者 NeoLabHQ

why 技能運用 Five Whys 分析,把表面症狀梳理成可追查的根因鏈,並導向可執行的修正方案。當你面對 UX Audit、產品問題、bug,或流程失序,需要的是有紀律的推理,而不是膚淺猜測時,這份 why 指南就很適合使用。

UX 稽核
收藏 0GitHub 982
N
cause-and-effect

作者 NeoLabHQ

cause-and-effect 技能採用魚骨圖分析,將可能的根因映射到人員、流程、技術、環境、方法與材料等面向。它能幫你把模糊問題整理成有結構的因果樹,找出最可能的驅動因素並決定下一步行動。適用於 UX Audit 的因果分析、事故檢討、回顧會與疑難排解。

UX 稽核
收藏 0GitHub 982
A
user-journeys

作者 alinaqi

user-journeys 可協助繪製真實的使用者流程、驗證 UX 假設,並記錄產品、設計、QA 與 UX Research 的錯誤復原路徑。

UX 研究
收藏 0GitHub 607
A
ui-testing

作者 alinaqi

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

UI 設計
收藏 0GitHub 607
O
cro-optimization

作者 ognjengt

cro-optimization 會分析登陸頁 URL 或貼上的 HTML/CSS,並將其轉化為以轉換為核心的 CRO(Conversion Rate Optimization)稽核。可用來依據清楚度、訊息一致性、單一訴求聚焦與元素層級檢視,提供實用建議,改善註冊、名單或銷售表現。當你需要一份 cro-optimization 技能指南,用於頁面修正、優先排序與轉換導向回饋時,特別適合使用。

Conversion
收藏 0GitHub 160
S
audit-website

作者 squirrelscan

audit-website skill 透過 squirrel CLI,依據 230+ 項規則稽核網站與 Web App,涵蓋 SEO、技術、內容、效能、安全性、連結與網站健康度,並回傳可直接供 LLM 使用、具體可執行的報告。

UX 稽核
收藏 0GitHub 68