Skill
frontend
✓ Verified
NEW
$12
Web Design Reviewer
Review a webpage screenshot or live URL for design quality, accessibility, and conversion best practices.
4.7(56 reviews)
18,900 installs
by Community
About
Critiques a web design from a screenshot or URL. Evaluates visual hierarchy, contrast, spacing, typography, accessibility (WCAG), conversion best practices, and mobile responsiveness. Provides specific, actionable fixes ordered by impact.
Tags
designuxaccessibilityreview
Skill Instructions Preview
# Web Design Reviewer Critique the target web design. ## Evaluation Areas 1. **Visual Hierarchy** — does the eye land where it should? 2. **Contrast & Readability** — WCAG AA minimum 3. **Spacing & Rhythm** — consistent scale 4. **Typography** — pairings, line-height, line-length 5. **Color** — semantic, accessible palette 6. **Accessibility** — contrast ratios, focus states, alt text 7. **Mobile** — touch targets ≥44px, responsive layout 8. **Conversion** — CTA prominence, friction in flow ## Output - Top 5 issues ordered by impact - Specific fix per issue - Before/after suggestion if useful
Related Skills
Skill⭐
securityFREE
AI Security Code Reviewer
Trace data flows across files to find injection flaws, auth bugs, secrets, and crypto issues with severity ratings.
securityowaspvulnerabilities
G
GitHub4.8(248)
98k
★6.2k
Skill⭐
planningFREE
Implementation Planner
Break down a feature request into a step-by-step implementation plan with files to touch and risks identified.
planningarchitecturefeature
G
GitHub4.9(178)
71k
★4.5k
Install
# Add as Claude Code slash command: curl -fsSL "https://raw.githubusercontent.com/github/awesome-copilot/main/skills/web-design-reviewer/SKILL.md" \ -o ~/.claude/commands/web-design-reviewer.md
Compatible with
claude code
Trigger phrase
/design-reviewC
Community
@awesome-copilot-community