skills.rest
lluppesms
lluppesmsCOMMUNITY
Explore all skills by this author →
GitHub

web-design-reviewer

Inspect website design issues and modify CSS, HTML, and JS source code.

Updated Nov 21, 2025
Search Tags:#accessibility#responsive design#web design#layout issues#UI review#CSS fixing
One-click install
npx skills add https://github.com/lluppesms/dadabase.demo --skill web-design-reviewer-lluppesms
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-reviewer
Source: https://github.com/lluppesms/dadabase.demo/tree/main/.github/skills/web-design-reviewer
Command: npx skills add https://github.com/lluppesms/dadabase.demo --skill web-design-reviewer-lluppesms

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 accessible user experience across devices.

Core Features & Use Cases

  • Visual Inspection: Detects layout, responsive, accessibility, and consistency problems.
  • Automated Fixing: Modifies source code (CSS, HTML, JS) to resolve identified issues.
  • Use Case: You can ask it to "review the UI of my local development site at http://localhost:3000 and fix any layout issues" to automatically improve your web application's design.

Quick Start

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

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 responsive design and layout issues in my web application?▼

Fix responsive design and layout issues by visually inspecting the website and automatically modifying source code, including CSS, HTML, and JS, to resolve identified problems.

Can I review UI accessibility problems on a local development site?▼

Yes, you can review UI accessibility problems on a local development site by running a visual inspection to detect issues and automatically modifying the source code to fix them.

Does automated UI review work with single page applications and CMS platforms?▼

Automated UI review works with static sites, single page applications, full-stack frameworks, and CMS platforms to identify visual consistency and functional design problems.

What is the best way to resolve visual consistency problems across different website types?▼

The best way to resolve visual consistency problems is using visual inspection to detect flaws and directly modifying source code to ensure a polished user experience across devices.

Why does my website layout break and how can I modify the source code to fix it?▼

Layout breakage is identified through visual inspection, and the source code is directly modified to fix the responsive design, accessibility, and visual consistency problems causing it.

Related Skills

Explore More Design & Creative Skills→
pax-kpax-k
3

local-runtime-harness

Set up and run local development environments with scripts and documentation.

Community
Intermediate
EmeaAppGbbEmeaAppGbb

web-design-reviewer

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

Official
Intermediate
AnsteorraAnsteorra
6

web-design-reviewer

Inspect website design issues and apply source-level fixes with Playwright.

Official
Advanced
OWASPOWASP
141

secrets-scan

Detect hardcoded secrets in source code and configuration files.

Official
Intermediate