skills.rest
edjan11
edjan11COMMUNITY
Explore all skills by this author →
GitHub

web-design-reviewer

Inspects websites and automatically fixes design, layout, and accessibility issues in source code.

Updated Jan 16, 2026
Search Tags:#accessibility#responsive design#web design#layout issues#UI review#CSS fixing
One-click install
npx skills add https://github.com/edjan11/SegundasVias --skill web-design-reviewer-edjan11
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-reviewer
Source: https://github.com/edjan11/SegundasVias/tree/main/docs/raw/.github/skills/web-design-reviewer
Command: npx skills add https://github.com/edjan11/SegundasVias --skill web-design-reviewer-edjan11

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This skill identifies and fixes visual and functional design issues on websites, ensuring a polished and user-friendly experience across all devices.

Core Features & Use Cases

  • Visual Inspection: Detects layout, responsiveness, accessibility, and consistency problems.
  • Automated Fixing: Modifies source code to resolve identified design flaws.
  • Use Case: A developer can ask the skill to "review the homepage design and fix any layout issues on mobile," and the skill will automatically inspect, identify problems, and apply code corrections.

Quick Start

Use the web-design-reviewer skill to review the website at http://localhost:3000 and fix any layout issues.

Frequently Asked Questions about web-design-reviewer

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

FAQPage Schema
How do I fix website layout issues and improve responsive design automatically?▼

This skill reviews websites by navigating pages and capturing screenshots to detect responsive design, accessibility, visual consistency, and layout breakage. It identifies the relevant CSS and source files, then applies automated fixes directly to the codebase.

How does visual inspection for web accessibility and UI consistency work?▼

Visual inspection for web accessibility and UI consistency works by navigating a web application, capturing screenshots of the UI, and retrieving DOM information to analyze the page structure. This mechanism detects visual flaws, accessibility barriers, and layout breakage for code-level resolution.

Can I use automated UI review to fix CSS and layout breakage on localhost?▼

Yes, you can use automated UI review to fix CSS and layout breakage on localhost. The skill visually inspects web applications running locally, analyzes responsive design and layout issues, and modifies the source code to resolve the identified styling problems.

What is the best way to review mobile responsiveness and accessibility in web applications?▼

The best way to review mobile responsiveness and accessibility in web applications is using an automated inspector that captures visual screenshots and retrieves DOM information. This approach detects layout issues and accessibility flaws, then applies fixes at the source code level.

Does automated web design fixing modify CSS at the source code level?▼

Yes, automated web design fixing modifies CSS at the source code level. After visually inspecting the UI and retrieving DOM information to detect layout and responsiveness issues, the tool identifies the relevant styling files and applies corrections directly to the source code.

Related Skills

Explore More Software Engineering Skills→
EuraxluoEuraxluo

webapp-testing

Automate local web app UI testing with Playwright scripts.

Community
Intermediate
mchien15mchien15

web-testing

Automate browser-based testing with Playwright, Vitest, and k6.

Community
Advanced
carayacaraya
1

css-testing

Detect visual regressions and accessibility issues in CSS across browsers and viewports.

Community
Advanced
HiroyukiMakitaHiroyukiMakita

web-design-reviewer

Inspect website designs and fix responsive, accessibility, and layout issues in source code.

Community
Advanced