web-design-reviewer

Inspect website designs and apply code-level fixes for visual issues.

Updated Feb 8, 2026

Search Tags:#accessibility #responsive-design #web-design #visual-regression #ui-review #design-quality #css-fixes

Ready to run

npx skills add https://github.com/irchamaji/agent-skills --skill web-design-reviewer-irchamaji

💬 Prompt for ChatGPT / Claude Chat▼

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Web design review helps teams visually inspect and validate design quality across websites, identifying issues that impact usability and consistency, and enabling code-level fixes.

Core Features & Use Cases

Detects issues related to responsive design, accessibility, visual consistency, and layout stability on locally running and remote websites.
Triggers on natural language requests such as "review website design", "check the UI", "fix the layout", or "find design problems" and outputs actionable guidance and changes.
Applies to static sites, SPAs (React/Vue/Angular), Next/Nuxt/SvelteKit apps, and CMS-backed sites like WordPress or Drupal, with an end-to-end workflow from information gathering to re-verification.

Quick Start

Provide a URL to review and let the skill identify and propose fixes for design issues in the source code.

Frequently Asked Questions about web-design-reviewer

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

FAQPage Schema

How do I audit and fix web design issues across my React or Next.js application?▼

To audit web design issues, provide a local or remote URL to trigger automated inspection. The skill performs responsive, accessibility, and visual consistency checks, then applies code-level corrections directly to your source files.

What is visual regression testing for websites and how does it detect layout problems?▼

Visual regression testing for websites detects layout problems by using browser automation to capture screenshots and DOM elements. It identifies responsive, accessibility, and visual consistency issues by inspecting the rendered output.

Can I review UI design and fix accessibility issues on a CMS-driven site like WordPress?▼

Yes, you can review UI design and fix accessibility issues on CMS-driven sites like WordPress or Drupal. The skill handles information gathering through to re-verification, modifying source code to resolve detected visual problems.

Do I need browser automation to perform a responsive design check on my static site?▼

Yes, browser automation is required to perform a responsive design check on your static site. It enables the skill to capture screenshots and DOM elements needed to identify and propose fixes for layout stability issues.

What is the best way to find and fix CSS layout problems on a single page application?▼

The best way to find and fix CSS layout problems on a single page application is to trigger an automated UI review using natural language. The tool consults references, identifies visual inconsistencies, and outputs actionable code changes.

Why does my web design review fail to apply code fixes to my remote website?▼

A web design review fails to apply code fixes to remote websites because the skill requires access to the source code in your local workspace. It can identify issues remotely but needs local files to implement corrections.