skills.rest
forgivesam168
forgivesam168COMMUNITY
Explore all skills by this author →
GitHub

web-design-reviewer

Inspect websites visually and diagnose design issues across frameworks.

2|1|Updated Feb 5, 2026
Search Tags:#accessibility#responsive#web-design#design-review#visual-inspection#source-fix#layout-fix
One-click install
npx skills add https://github.com/forgivesam168/ai-dev-workflow --skill web-design-reviewer-forgivesam168
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-reviewer
Source: https://github.com/forgivesam168/ai-dev-workflow/tree/main/skills/web-design-reviewer
Command: npx skills add https://github.com/forgivesam168/ai-dev-workflow --skill web-design-reviewer-forgivesam168

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill enables automated visual inspection of websites to identify and fix design issues such as responsive problems, accessibility gaps, and visual inconsistencies, helping teams ship polished UIs faster.

Core Features & Use Cases

  • Automated visual inspection of local and remote sites
  • Issue diagnosis for responsive design, accessibility, and visual consistency
  • Source-level fixes or patches suggested for the codebase

Quick Start

Activate the skill by providing the URL of the site to review (e.g., http://localhost:3000) and requesting a design review.

Frequently Asked Questions about web-design-reviewer

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

FAQPage Schema
How do I find and fix responsive design issues on my website?▼

To find and fix responsive design issues, automated visual inspection captures DOM and screenshots of your site, analyzing for layout inconsistencies and proposing source-level fixes for your codebase.

Can I run a design review on a React or Vue single page application?▼

Yes, you can run a design review on a React or Vue single page application. The visual inspection supports SPA frameworks like React, Vue, Angular, and Svelte, as well as static HTML/CSS/JS sites.

How do I check my website for accessibility gaps automatically?▼

You can check your website for accessibility gaps automatically by providing the site URL to initiate a design review, which diagnoses accessibility issues alongside visual inconsistencies and responsive problems.

Does automated visual inspection work on staging and production sites?▼

Automated visual inspection works on staging and production sites, as well as local environments. You provide the target URL, and the tool captures the DOM and screenshots to analyze for design issues.

What is the best way to diagnose visual inconsistencies in a web app?▼

The best way to diagnose visual inconsistencies in a web app is through automated visual inspection, which captures the DOM and screenshots to identify issues and suggest source-level patches for the codebase.

Why does the design review require access to the target site URL?▼

The design review requires access to the target site URL because it needs to capture the live DOM and render screenshots to accurately detect responsive, accessibility, and visual design issues for analysis.

Related Skills

Explore More Design & Creative Skills→
forgivesam168forgivesam168
2

web-design-reviewer

Inspect websites visually and diagnose design issues across frameworks.

Community
Advanced
Hack23Hack23
235

playwright-ui-testing

Automate cross-browser UI tests with Playwright for the CIA platform.

Official
Intermediate
NVIDIA-NeMoNVIDIA-NeMo
58

visual-dev

Automate visual regression testing and UI implementation with Playwright MCP browser automation.

Official
Intermediate
AnsteorraAnsteorra
6

web-design-reviewer

Inspect website design issues and apply source-level fixes with Playwright.

Official
Advanced