web-design-reviewer

Analyze website layout, responsiveness, and accessibility to fix visual design issues.

1|Updated Apr 27, 2026
One-click install
npx skills add https://github.com/haxlys/skills --skill web-design-reviewer-haxlys
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: web-design-reviewer
Source: https://github.com/haxlys/skills/tree/main/vendored/web-design-reviewer
Command: npx skills add https://github.com/haxlys/skills --skill web-design-reviewer-haxlys

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This skill enables rapid visual inspection of websites running locally or remotely to identify and fix design issues, ensuring UI consistency and accessibility.

Core Features & Use Cases

  • Detects responsive, accessibility, and visual consistency problems and suggests or applies fixes at the source code level.
  • Works with static sites, SPAs, and modern frameworks; triggers on requests like review website design, check the UI, fix layout, or find design problems.
  • Real-world use: audit a staging site and automatically adjust CSS to fix overflow and contrast issues.

Quick Start

Ask it to review a site and apply fixes directly 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 run a visual design review on my staging website?

To run a visual design review, trigger the skill with a prompt like review website design. It navigates the browser, captures screenshots, analyzes DOM and CSS, and suggests or applies source code fixes for UI issues.

What is the best way to find and fix website responsiveness and accessibility problems?

The best way to find website responsiveness and accessibility problems is through automated visual inspection. It analyzes layout and contrast issues, then directly modifies CSS in your source code to resolve them.

Does visual UI inspection work with modern frameworks and SPAs?

Yes, visual UI inspection works with static sites, SPAs, and modern frameworks. It analyzes the rendered DOM and CSS regardless of the framework to detect and fix visual consistency problems.

Can I automatically apply CSS fixes when checking my website layout?

Yes, you can automatically apply CSS fixes when checking your website layout. The skill reads and modifies source code directly to resolve detected overflow, contrast, and responsiveness issues.

Why does my website need browser navigation and DOM analysis for a UI quality check?

Browser navigation and DOM analysis are needed for a UI quality check to accurately capture rendered states and identify visual issues. This ensures precise CSS fixes for layout and accessibility problems.

What limitations exist when auditing a remote website for design issues?

When auditing a remote website for design issues, a limitation is that applying source code fixes requires local access or repository modification. The skill can detect remote issues but needs code access to apply changes.