skills.rest
afonsoft
afonsoftCOMMUNITY
Explore all skills by this author →
Website𝕏@afonsoftGitHub

web-design-reviewer

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

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

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This skill enables visual inspection and validation of website design quality, identifying and fixing issues at the source code level.

Core Features & Use Cases

  • Visual inspection of pages to detect layout, responsiveness, accessibility, and visual inconsistencies.
  • Automated guidance for applying design fixes at the code level across static sites, SPAs, and full-stack apps.
  • Use case: Run a design audit on a running site to quickly surface issues and generate a fix plan.

Quick Start

Point the reviewer at your running site (local or staging) and request a design audit to generate a summary of issues and fixes.

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 my website for responsive design and accessibility issues?▼

Run a website design audit against your local or staging site to detect responsive design issues and accessibility gaps, producing a summary of visual inconsistencies and a source code fix plan.

Can I review web design issues in a React or Vue application?▼

Yes, visual inspection supports React, Vue, Angular, and Svelte applications, detecting accessibility gaps and layout issues across SPAs and full-stack frameworks like Next.js, Nuxt, and SvelteKit.

What is the best way to fix layout inconsistencies found during a UI review?▼

The best way to fix layout inconsistencies is to run an automated design audit that detects visual issues and provides guidance for applying source code fixes directly across your static site or modern front-end framework.

Do I need browser automation to detect visual inconsistencies on my site?▼

Yes, browser automation is required to capture visuals and DOM data from your running site, enabling the detection of responsive design issues, accessibility gaps, and visual inconsistencies across static sites and SPAs.

Does a visual inspection tool work with full-stack solutions like Next.js and SvelteKit?▼

Yes, visual inspection supports full-stack solutions like Next.js, Nuxt, and SvelteKit, capturing visuals and DOM data to identify responsive design issues, accessibility gaps, and visual inconsistencies across these frameworks.

Related Skills

Explore More Design & Creative Skills→
i3ringiti3ringit
3

figma-design-sync

Detect and fix visual differences between Figma designs and web implementations.

Community
Advanced
EmeaAppGbbEmeaAppGbb

web-design-reviewer

Inspect websites for responsive, accessibility, and visual issues and propose code fixes.

Official
Intermediate
beel-collabbeel-collab
1

web-design-reviewer

Audit website design responsiveness, accessibility, and layout issues via browser automation.

Community
Advanced
githubgithub
37.6k

web-design-reviewer

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

Official
Intermediate