web-design-reviewer
OfficialSpot design issues on web UIs fast.
Authorgithub
Version1.0.0
Installs0
System Documentation
What problem does it solve?
The Web Design Reviewer automates the detection of UI design issues across locally run and remote websites, reducing manual review time and ensuring higher design quality.
Core Features & Use Cases
- Automated Visual Inspection: Scan pages for responsive, accessibility, and visual consistency issues.
- Issue Reporting & Guidance: Generate actionable reports with suggested code-level fixes.
- Use Case: Review a staging site to surface layout breakages and accessibility gaps before deployment.
- Use Case: Validate a production site against design system guidelines and color/typography consistency.
Quick Start
Run the web-design-reviewer on a running site (e.g., http://localhost:3000) to generate a design-issue report and begin applying source-level fixes as needed.
Dependency Matrix
Required Modules
None requiredComponents
references
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: web-design-reviewer Download link: https://github.com/github/awesome-copilot/archive/main.zip#web-design-reviewer Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.