skills.rest
seanspiesman
seanspiesmanCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

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
One-click install
npx skills add https://github.com/seanspiesman/Agents-and-Workflows --skill web-design-reviewer-seanspiesman
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Design & Creative Skills→
ManagedKubeManagedKube

web-design-reviewer

Inspect website DOM structure and modify source code to fix design issues.

Official
Advanced
kenlckkenlck
5

web-design-engineer

Guide front-end UI decisions with semantic HTML, responsive CSS, and JavaScript.

Community
Basic
act70255act70255

ui-visual-validator

Validate UI components for visual consistency, design system compliance, and accessibility.

Community
Advanced
mhfedmhfed

web-design-guidelines

Review UI code for web interface guideline compliance and accessibility issues.

Community
Intermediate