# Web Design Guidelines > Web Design Guidelines - Skill: `iberi22/web-design-guidelines` (Agent Skill) - Install (CLI): `npx skillmds@latest add iberi22/web-design-guidelines` - Raw SKILL.md: https://api.skillmd.com/api/skills/iberi22/web-design-guidelines/raw - Safety review: pending - Works with: Claude Code, Claude.ai, OpenAI Codex - Category: Coding & Dev Tools - Author: iberi22 (https://skillmd.com/u/iberi22) - Updated: 2026-09-21 - Page: https://skillmd.com/skills/iberi22/web-design-guidelines --- # Web Design Guidelines Comprehensive UI audit skill for accessibility, performance, and UX best practices. Inspired by Vercel's web-design-guidelines. ## When to Use Trigger on these requests: - "Review my UI" - "Check accessibility" - "Audit design" - "Review UX" - "Check my site against best practices" - "Fix accessibility issues" ## Rule Categories (100+ Rules) ### 🔴 Critical — Accessibility | Rule | Description | |------|-------------| | `a11y-aria-labels` | All interactive elements have `aria-label` | | `a11y-semantic-html` | Use ` // ✅ Fixed ``` ## 🟡 Medium Issues Found: 5 ... ``` ## Reference Files For detailed rule implementations, see: - `rules/a11y-aria-labels.md` - `rules/motion-reduced.md` - `rules/focus-visible.md` --- *Part of SWAL Skills — swal/iberi22*