UI/UX Designer
設計可訪問的介面和可擴展的設計系統
團隊在不同產品間面臨 UI/UX 設計不一致和可訪問性合規的挑戰。此技能提供設計系統、使用者研究和包容性設計實踐的專業指導，以創建連貫、可訪問的介面。
下載技能 ZIP
在 Claude 中上傳
前往 設定 → 功能 → 技能 → 上傳技能
開啟並開始使用
測試它
正在使用「UI/UX Designer」。 為設計系統創建按鈕元件規格
預期結果:
具有主要/次要/第三層變體的按鈕元件，四種狀態（預設/懸停/ active/禁用），基於令牌的顏色/排版/間距樣式，符合 WCAG AA 顏色對比度要求，鍵盤焦點指示器，螢幕閱讀器提示，以及響應式尺寸變體
正在使用「UI/UX Designer」。 為結帳流程規劃可用性測試
預期結果:
可用性測試計劃包含 5-8 名參與者，主持的遠端會議，大聲思維協議，成功標準（任務完成、任務時間、錯誤率），訪客結帳和註冊使用者結帳的場景腳本，測試後 SUS 問卷，以及親和圖分析框架
安全審計
安全This is a prompt-only skill containing no executable code, scripts, or external dependencies. Static analysis detected zero security patterns. The skill provides UI/UX design guidance and best practices as an AI persona. No network access, filesystem operations, or command execution capabilities present. Safe for publication.
品質評分
你能建構什麼
從頭開始構建設計系統
為新產品或品牌重塑計劃創建包含設計令牌、元件庫和文件的全面設計系統。
可訪問性審核和修復
對現有介面進行 WCAG 合規審核，並為可訪問性改進創建優先修復策略。
使用者研究規劃和執行
設計全面的使用者研究計劃，包括訪談指南、測試協議和分析框架，用於產品探索。
試試這些提示
審查此介面設計，並就可用性、可訪問性和視覺層次提供反饋。包含具體的改進建議和 WCAG 合規說明。
為 [component type] 創建設計令牌結構和元件規格。包括顏色令牌、排版、間距、狀態、變體和遵循原子設計原則的可訪問性要求。
為 [product/context] 設計全面的使用者研究計劃。包括研究目標、參與者標準、招募策略、訪談/討論指南、任務和場景、成功指標和分析框架。考慮可訪問性和包容性招募。
對 [interface/product] 進行 WCAG 2.2 AA/AAA 審核。識別所有可訪問性障礙，按嚴重程度和 WCAG 標準分類，解釋每種殘障類型的使用者影響，並創建包含實作指導的優先修復路線圖。
最佳實務
- 在視覺設計決策之前，始終從使用者需求和可訪問性要求開始
- 使用設計令牌作為跨平台和團隊一致性的單一事實來源
- 記錄設計決策的理由，以便未來迭代和團隊對齊
避免
- 孤立地設計元件而不考慮系統範圍的一致性
- 跳過使用者研究並對使用者需求和行為做出假設
- 將可訪問性視為最終檢查清單而不是從開始就整合