web-design-reviewer

Inspect website design quality and apply fixes at the source code level.

Updated Mar 8, 2026
One-click install
npx skills add https://github.com/markarnoldutah/RVS --skill web-design-reviewer-markarnoldutah
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: web-design-reviewer
Source: https://github.com/markarnoldutah/RVS/tree/main/.github/skills/web-design-reviewer
Command: npx skills add https://github.com/markarnoldutah/RVS --skill web-design-reviewer-markarnoldutah

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This skill automates the visual inspection of websites to identify and fix design issues, improving user experience and visual consistency.

Core Features & Use Cases

  • Visual Inspection: Detects issues with responsive design, accessibility, visual consistency, and layout breakage.
  • Automated Fixing: Performs fixes at the source code level for identified design problems.
  • Use Case: A user can ask the AI to "review the design of my staging website" and the AI will identify layout problems on mobile viewports and suggest code changes to fix them.

Quick Start

Use the web-design-reviewer skill to review the design of 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 review my website's responsive design and fix layout issues?

To review responsive design and fix layout issues, you need visual inspection of your site across viewports to identify problems like mobile breakage. This process detects UI inconsistencies and applies source code fixes to resolve the detected layout issues automatically.

Can I use automated UI review to check accessibility on my web app?

Yes, automated UI review can check accessibility by visually inspecting your web app. It captures the DOM and screenshots via browser automation to identify accessibility barriers, enabling you to fix the underlying source code and improve overall user experience.

Does website visual inspection work with single page applications and CMS platforms?

Website visual inspection works with single page applications, static sites, full-stack frameworks, and CMS platforms. The process requires browser automation capabilities to navigate your app, capture screenshots, and retrieve the DOM for design validation.

How do I fix source code layout problems detected during a web design review?

To fix source code layout problems detected during a web design review, the automated process applies code-level fixes directly to your project. It identifies visual inconsistencies and breakages from the inspection phase and modifies the underlying source code to resolve them.

What do I need to validate website design quality through visual inspection?

To validate website design quality through visual inspection, you need browser automation capabilities for navigation and screenshot capture. You also need to provide access to the website's source code so that any identified design issues can be fixed at the code level.