Frontend Design Audit

Evaluate and improve the usability of existing front-end interfaces — either local source code or live websites by URL. Use this skill whenever the user has existing front-end code OR a live website URL and wants to understand why users struggle with it, find usability problems, or make it easier to use. Triggers on direct requests like "review my UI", "audit my interface", "check accessibility", "evaluate my design", "improve the UX", "audit this website", "review https://example.com" — but ALSO on indirect symptom descriptions like "users keep abandoning this form", "something feels off about this page", "we're getting complaints about the checkout flow", "conversion dropped after the redesign", "people say it's confusing", or "make this less painful to use". If someone has a front-end component, page, or URL and the problem sounds like usability, user confusion, or poor interaction design rather than a bug or performance issue — use this skill. NOT for building new interfaces from scratch, performance optimization, or backend logic.

mkdir -p ~/.claude/skills/frontend-design-audit
curl -L https://claudskills.com/skills/frontend-design-audit/SKILL.md \
  -o ~/.claude/skills/frontend-design-audit/SKILL.md

@misc{frontend-design-audit-2026,
  author    = {mistyhx},
  title     = {Frontend Design Audit [Claude Code skill]},
  year      = {2026},
  publisher = {ClaudSkills},
  url       = {https://claudskills.com/skills/frontend-design-audit/}
}