web-design-reviewer

Inspect running websites and fix design issues in source code.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Visual inspection and validation of website design quality to identify and fix issues at the source code level.

Core Features & Use Cases

  • Detects responsive design issues, accessibility problems, and visual inconsistencies.
  • Performs fixes at the source code level to ensure maintainable improvements.
  • Triggers on requests like "review website design", "check the UI", "fix the layout", "find design problems".

Quick Start

Use the web-design-reviewer skill to inspect the currently running site and apply source-level adjustments to address layout, accessibility, and responsiveness.

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 web design issues in my source code?

To fix web design issues in source code, you can use visual inspection to detect responsive design problems, accessibility flaws, and visual inconsistencies, then apply corrections directly to your project files for maintainable improvements.

Does UI review and layout troubleshooting work with React, Vue, and Next.js?

UI review and layout troubleshooting works with SPA frameworks like React, Vue, Angular, Next.js, Nuxt, and SvelteKit, as well as static sites and CMS platforms running in local, staging, or production environments.

What do I need to check website accessibility and responsiveness using visual inspection?

To check website accessibility and responsiveness, you need a running target site, browser automation to capture screenshots and DOM data, and access to your project's source code to implement the necessary design fixes.

Can I fix CSS layout problems directly in a running staging environment?

You can fix CSS layout problems in a running staging environment by performing visual inspection to identify issues and then applying source-level adjustments to ensure maintainable improvements across your web application.

What is the best way to review website design for visual inconsistencies?

The best way to review website design for visual inconsistencies is to automate screenshots and extract DOM data from the running target site, enabling detailed visual inspection and precise source code fixes for layout and accessibility.