skills.rest
KrismithReddy12
KrismithReddy12COMMUNITY
Explore all skills by this author →
GitHub

web-design-reviewer

Inspects running websites and applies source-code fixes for design issues.

1|Updated Jan 11, 2026
Search Tags:#accessibility#responsive-design#web-design#ui-review#visual-inspection#layout-fix
One-click install
npx skills add https://github.com/KrismithReddy12/awesome-copilot --skill web-design-reviewer-krismithreddy12
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-reviewer
Source: https://github.com/KrismithReddy12/awesome-copilot/tree/main/skills/web-design-reviewer
Command: npx skills add https://github.com/KrismithReddy12/awesome-copilot --skill web-design-reviewer-krismithreddy12

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Visual inspection of websites running locally or remotely to identify and fix design issues, including responsiveness, accessibility, and visual consistency, with fixes applied at the source code level.

Core Features & Use Cases

  • Visual inspection of websites to detect responsive design gaps, accessibility issues, and visual inconsistencies.
  • Triggers on natural language prompts such as "review website design", "check the UI", "fix the layout", and "find design problems".
  • Performs targeted, source-code level fixes to align layout, typography, colors, and interactions with design systems and accessibility guidelines.

Quick Start

Use the web-design-reviewer to inspect a running site, identify design issues, and apply code-level fixes to improve responsiveness, 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 find and fix responsive design issues in my React or Vue website?▼

To find and fix responsive design issues in React or Vue websites, perform visual inspection of the running site to detect layout gaps, then apply targeted source-code edits to align the layout with design systems and accessibility guidelines.

Can I check website accessibility and visual consistency on a locally running Next.js site?▼

Yes, you can check website accessibility and visual consistency on a locally running Next.js site using browser automation for DOM access and screenshot capture, which identifies inconsistencies and reports actionable fixes at the source code level.

What is the best way to review website UI and apply code-level fixes?▼

The best way to review website UI and apply code-level fixes is through automated visual inspection that captures screenshots and accesses the DOM, identifying design problems and applying changes directly to the HTML or CSS source code.

Does website design review work with WordPress and general HTML/CSS sites?▼

Yes, website design review works with WordPress and general HTML/CSS sites, requiring browser automation to visually inspect the running site and apply source-code level fixes for typography, colors, and interactions.

Why does my website layout break on mobile screens and how do I fix the source code?▼

Your website layout breaks on mobile screens due to responsive design gaps detected through visual inspection, which you can fix by applying targeted source-code edits to align the layout with proper breakpoints and design system standards.

Related Skills

Explore More Design & Creative Skills→
githubgithub
37.6k

web-design-reviewer

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

Official
Intermediate
Shaarav4795Shaarav4795

web-design-reviewer

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

Community
Intermediate
AndreaRR18AndreaRR18

Web Designer

Audit React website visual design, UX, and WCAG 2.1 AA accessibility.

Community
Advanced
webmaxruwebmaxru

web-design-reviewer

Detect and fix visual, responsive, accessibility, and layout issues in web applications.

Community
Advanced