skills.rest
Gabeujin
GabeujinCOMMUNITY
Explore all skills by this author →
GitHub

web-design-reviewer

Inspect website screenshots and DOM structure to fix design issues.

1|Updated Feb 23, 2026
Search Tags:#accessibility#frontend#responsive design#web design#code fixing#UI review
One-click install
npx skills add https://github.com/Gabeujin/workspace-init-mcp --skill web-design-reviewer-gabeujin
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-reviewer
Source: https://github.com/Gabeujin/workspace-init-mcp/tree/main/awesome/skills/web-design-reviewer
Command: npx skills add https://github.com/Gabeujin/workspace-init-mcp --skill web-design-reviewer-gabeujin

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This skill automatically identifies and fixes visual design issues on websites, ensuring a polished and professional user interface across different devices.

Core Features & Use Cases

  • Visual Inspection: Detects layout, responsive, accessibility, and consistency issues.
  • Automated Fixing: Modifies source code to resolve identified problems.
  • Use Case: A developer can ask the skill to "review the website design" on their local development server, and the skill will find and fix broken layouts and accessibility problems.

Quick Start

Use the web-design-reviewer skill to review the website at http://localhost:3000.

Frequently Asked Questions about web-design-reviewer

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I automatically fix website design flaws like broken layouts and accessibility issues?▼

You can automate fixing website design flaws by analyzing screenshots and DOM structure to detect layout, responsiveness, and accessibility problems, then directly modifying the source code to apply solutions.

How does automated UI review work for detecting responsive design problems?▼

Automated UI review detects responsive design problems by using browser automation tools like Playwright to navigate your site, capture screenshots, and inspect the DOM structure to find visual consistency issues across devices.

Do I need Playwright to run automated web design inspections on my local development server?▼

Yes, browser automation tools like Playwright are required for automated web design inspections, as they provide the navigation, screenshotting, and DOM interaction capabilities needed to visually inspect your local development server.

Can I review website accessibility and visual consistency across different frontend frameworks?▼

Yes, you can review website accessibility and visual consistency across different frontend frameworks, as the inspection analyzes the underlying DOM structure and source code regardless of the specific styling methods used.

What is the best way to identify and resolve visual consistency issues in my source code?▼

The best way to resolve visual consistency issues is to use an automated review process that inspects website screenshots, identifies flaws in the DOM, and directly applies targeted fixes to your source code.

Why does my automated code fixing tool fail to screenshot my local development server during a UI review?▼

Automated code fixing fails to screenshot local development servers when browser automation tools like Playwright are not properly configured to handle navigation and DOM interaction for the specific localhost environment.

Related Skills

Explore More Design & Creative Skills→
dhar174dhar174
1

web-design-reviewer

Inspect website design issues and fix source code automatically.

Community
Advanced
aquariuscookaquariuscook

compatibility-testing

Run cross-browser, cross-platform, and cross-device compatibility tests with Playwright.

Community
Advanced
ThedouglerThedougler

web-design-reviewer

Inspect website design issues and fix source code across frameworks.

Community
Advanced
PracticalSwanPracticalSwan
7

web-design-reviewer

Inspect live websites for UI layout, responsive design, and CSS issues.

Community
Intermediate