web-design-reviewer

Name: web-design-reviewer
Availability: InStock
Author: KrismithReddy12

Inspects running websites and applies source-code fixes for design issues.

1|Updated Jan 11, 2026

Search Tags:#accessibility #responsive-design #web-design #ui-review #visual-inspection #layout-fix

Ready to run

npx skills add https://github.com/KrismithReddy12/awesome-copilot --skill web-design-reviewer-krismithreddy12

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: web-design-reviewer
Source: https://github.com/KrismithReddy12/awesome-copilot/tree/main/skills/web-design-reviewer
Command: npx skills add https://github.com/KrismithReddy12/awesome-copilot --skill web-design-reviewer-krismithreddy12

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Visual inspection of websites running locally or remotely to identify and fix design issues, including responsiveness, accessibility, and visual consistency, with fixes applied at the source code level.

Core Features & Use Cases

Visual inspection of websites to detect responsive design gaps, accessibility issues, and visual inconsistencies.
Triggers on natural language prompts such as "review website design", "check the UI", "fix the layout", and "find design problems".
Performs targeted, source-code level fixes to align layout, typography, colors, and interactions with design systems and accessibility guidelines.

Quick Start

Use the web-design-reviewer to inspect a running site, identify design issues, and apply code-level fixes to improve responsiveness, accessibility, and visual consistency.

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 in my React or Vue website?▼

To find and fix responsive design issues in React or Vue websites, perform visual inspection of the running site to detect layout gaps, then apply targeted source-code edits to align the layout with design systems and accessibility guidelines.

Can I check website accessibility and visual consistency on a locally running Next.js site?▼

Yes, you can check website accessibility and visual consistency on a locally running Next.js site using browser automation for DOM access and screenshot capture, which identifies inconsistencies and reports actionable fixes at the source code level.

What is the best way to review website UI and apply code-level fixes?▼

The best way to review website UI and apply code-level fixes is through automated visual inspection that captures screenshots and accesses the DOM, identifying design problems and applying changes directly to the HTML or CSS source code.

Does website design review work with WordPress and general HTML/CSS sites?▼

Yes, website design review works with WordPress and general HTML/CSS sites, requiring browser automation to visually inspect the running site and apply source-code level fixes for typography, colors, and interactions.

Why does my website layout break on mobile screens and how do I fix the source code?▼

Your website layout breaks on mobile screens due to responsive design gaps detected through visual inspection, which you can fix by applying targeted source-code edits to align the layout with proper breakpoints and design system standards.