web-design-reviewer

Inspect websites for visual design issues and apply source-code fixes.

Updated Jan 12, 2026

Search Tags:#automation #accessibility #layout #responsive #web-design #visual-review

Ready to run

npx skills add https://github.com/seanspiesman/Agents-and-Workflows --skill web-design-reviewer-seanspiesman

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: web-design-reviewer
Source: https://github.com/seanspiesman/Agents-and-Workflows/tree/main/custom-agents/skills/web-design-reviewer
Command: npx skills add https://github.com/seanspiesman/Agents-and-Workflows --skill web-design-reviewer-seanspiesman

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Automated visual inspection of websites to identify and fix design issues such as layout problems, accessibility gaps, and visual inconsistencies, improving UX and maintainability.

Core Features & Use Cases

Visual inspection across static sites and modern frameworks (React, Vue, Next.js, Svelte) to detect responsive and accessibility issues.
Source-code level fixes for layout, typography, contrast, and consistency, with a repeatable audit trail.
Use Case: When a site fails a visual QA pass, run this skill to generate a fixit plan and update the relevant CSS/JS components.

Quick Start

Run the web-design-reviewer against your site to perform an automated visual inspection and apply fixes to the source.

Frequently Asked Questions about web-design-reviewer

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

FAQPage Schema

How do I automate visual site QA to detect responsive and accessibility issues?▼

Automated visual site QA uses browser automation to inspect your website's DOM and CSS, identifying responsive layout failures and accessibility gaps to generate a source-code level fix plan.

Does automated visual inspection work with Next.js, Nuxt, and other SPA frameworks?▼

Yes, automated visual inspection works with Next.js, Nuxt, React, Vue, Svelte, and static sites by reading and modifying the rendered DOM and underlying source code to implement design fixes.

Can I fix visual design inconsistencies directly in my source code during an audit?▼

Yes, you can fix visual design inconsistencies directly in the source code by modifying the relevant CSS and JS components identified during the automated inspection to ensure visual consistency.

What is the best way to audit a website for layout problems and accessibility gaps?▼

The best way to audit for layout problems and accessibility gaps is running an automated visual inspection that checks responsiveness and contrast, providing a repeatable audit trail for maintenance.

Do I need browser automation and source code access to perform automated visual design reviews?▼

Yes, you need browser automation to inspect the rendered site and access to the source code so the tool can read and modify the DOM and CSS/JS to implement the necessary visual fixes.