skills.rest
iliasjennane
iliasjennaneCOMMUNITY
Explore all skills by this author →
GitHub

web-design-reviewer

Detects and fixes website design issues across frameworks and CMS platforms.

Updated Apr 22, 2026
Search Tags:#accessibility#responsive-design#web-design#ui-review#layout-fixes#visual-inspection
One-click install
npx skills add https://github.com/iliasjennane/LearningAgent --skill web-design-reviewer-iliasjennane
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-reviewer
Source: https://github.com/iliasjennane/LearningAgent/tree/main/.agents/skills/web-design-reviewer
Command: npx skills add https://github.com/iliasjennane/LearningAgent --skill web-design-reviewer-iliasjennane

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Visually analyzes websites to detect design issues such as responsive breaks, accessibility gaps, and layout inconsistencies, and suggests fixes at the source level.

Core Features & Use Cases

  • Automated visual inspection for layout, accessibility, and visual consistency.
  • Proposes source-level fixes and actionable guidance for designers and engineers.
  • Use Case: If a site fails accessibility checks or responsive tests, generate a fix plan and implement changes.

Quick Start

Review the current site at the provided URL and generate a fix plan for layout, 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 detect and fix responsive design and accessibility issues in my web UI?▼

You can identify and fix web UI design issues by running an automated visual inspection on your website's URL. This analyzes layout inconsistencies, accessibility gaps, and responsive breaks, then proposes actionable source-level fixes to implement.

Can I use automated UI review tools with SPA frameworks like React, Vue, or Angular?▼

Yes, you can review UI design issues in SPA frameworks like React, Vue, Angular, and Svelte. The visual inspection also supports Next.js, Nuxt, and CMS platforms running locally or remotely by using browser automation and source code access to propose fixes.

What is the best way to generate a fix plan for failing accessibility checks on my website?▼

The best way to generate a fix plan for failing accessibility checks is to provide your site URL for automated visual inspection. The tool detects accessibility gaps and responsive breaks, then outputs a structured fix plan with source-level corrections.

Does automated layout inspection require access to my website's source code?▼

Yes, proposing source-level fixes for layout issues requires access to your website's source code. Combined with browser automation to visually inspect the UI, this access allows the tool to generate accurate, actionable code corrections.

Why does my web design visual inspection need browser automation to find layout fixes?▼

Browser automation is required for visual inspection because it programmatically renders your web pages to detect responsive breaks and layout inconsistencies accurately. This automated rendering is necessary to analyze the live UI state and propose source-level fixes.

Related Skills

Explore More Design & Creative Skills→
forgivesam168forgivesam168
2

web-design-reviewer

Inspect websites visually and diagnose design issues across frameworks.

Community
Advanced
githubgithub
37.6k

web-design-reviewer

Inspect web interfaces for layout, accessibility, and visual consistency issues.

Official
Intermediate
SunS1eep1ngSunS1eep1ng

web-design-reviewer

Automate visual website design inspection and code-level fixes with Playwright.

Community
Advanced
Shaarav4795Shaarav4795

web-design-reviewer

Inspect websites visually and fix responsive, accessibility, and layout issues in source code.

Community
Intermediate