web-design-guidelines
✓UI/UX 最佳實踐和可訪問性指南。在審查 UI 代碼、檢查可訪問性、審核表單或確保 Web 界面最佳實踐時使用。觸發“審核 UI”、“檢查可訪問性”、“審核設計”、“審核 UX”或“檢查最佳實踐”。
SKILL.md
Comprehensive UI/UX and accessibility guidelines for building inclusive, performant web interfaces. Contains 21 rules across 8 categories, prioritized by WCAG compliance and user impact.
| 1 | Accessibility - Semantic Structure | CRITICAL | a11y- | | 2 | Accessibility - Keyboard & Focus | CRITICAL | a11y- | | 3 | Accessibility - Visual & Color | CRITICAL | a11y- | | 4 | Forms - Input & Validation | CRITICAL | form- | | 5 | Forms - Error Handling | HIGH | form- | | 6 | Forms - User Experience | MEDIUM | form- |
| 7 | Animation & Motion | CRITICAL | motion- | | 8 | Performance & UX | MEDIUM | perf- |
可引用資訊
為搜尋與 AI 引用準備的穩定欄位與指令。
- 安裝指令
npx skills add https://github.com/asyrafhussin/agent-skills --skill web-design-guidelines- 分類
- *創意媒體
- 認證
- ✓
- 收錄時間
- 2026-02-01
- 更新時間
- 2026-02-18
快速解答
什麼是 web-design-guidelines？
UI/UX 最佳實踐和可訪問性指南。在審查 UI 代碼、檢查可訪問性、審核表單或確保 Web 界面最佳實踐時使用。觸發“審核 UI”、“檢查可訪問性”、“審核設計”、“審核 UX”或“檢查最佳實踐”。 來源：asyrafhussin/agent-skills。
如何安裝 web-design-guidelines？
開啟你的終端機或命令列工具（如 Terminal、iTerm、Windows Terminal 等） 複製並執行以下指令：npx skills add https://github.com/asyrafhussin/agent-skills --skill web-design-guidelines 安裝完成後，技能將自動設定到你的 AI 程式設計環境中，可以在 Claude Code 或 Cursor 中使用
這個 Skill 的原始碼在哪？
https://github.com/asyrafhussin/agent-skills
詳情
- 分類
- *創意媒體
- 來源
- skills.sh
- 收錄時間
- 2026-02-01