skills.rest
ManagedKube
ManagedKubeOFFICIAL
Explore all skills by this author โ†’
WebsiteGitHub

web-design-reviewer

Inspect website DOM structure and modify source code to fix design issues.

Updated Jan 14, 2026
Search Tags:#accessibility#responsive design#web design#layout issues#UI review#CSS fixing
One-click install
npx skills add https://github.com/ManagedKube/website-creator-v1 --skill web-design-reviewer-managedkube
Or copy as Structured Prompt for Agentโ–ผ
Please help me install this Agent Skill.
Skill: web-design-reviewer
Source: https://github.com/ManagedKube/website-creator-v1/tree/main/.github/skills/web-design-reviewer
Command: npx skills add https://github.com/ManagedKube/website-creator-v1 --skill web-design-reviewer-managedkube

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 professional user experience.

Core Features & Use Cases

  • Visual Inspection: Detects layout, responsiveness, accessibility, and consistency problems.
  • Automated Fixing: Modifies source code to resolve identified issues.
  • Use Case: You've just deployed a new landing page, but it looks broken on mobile. Use this skill to automatically find and fix the responsive layout issues.

Quick Start

Use the web-design-reviewer skill to review and fix the design of the website 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 automatically fix website layout and responsiveness issues?โ–ผ

Automated website design review analyzes the DOM structure through browser automation to detect layout, responsiveness, and accessibility problems, then applies direct source code modifications to resolve the identified visual inconsistencies.

Can I use automated UI review to fix accessibility problems on my web application?โ–ผ

Yes, automated UI review can fix accessibility problems by visually inspecting your web application and modifying the project source code. It detects accessibility issues and applies fixes to ensure visual and functional compliance.

What do I need to run automated visual inspection and CSS fixing on my website?โ–ผ

You need browser automation capabilities for navigation, screenshotting, and DOM interaction, along with access to your project source code. These allow the tool to inspect the visual layout and implement the necessary CSS fixing.

Does web design review work with local development environments?โ–ผ

Yes, web design review works with local development environments. You can target a local URL like http://localhost:3000 to visually inspect your deployed application and automatically fix any broken responsive layout issues.

Why does my landing page look broken on mobile, and how do I resolve it?โ–ผ

Your landing page looks broken on mobile due to responsive layout issues. You can resolve this by running an automated visual inspection that detects the DOM structure problems and applies source code modifications to fix the design.

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
jjc4480jjc4480

blog-qa

Cross-verify data shapes, routing, and SEO for blog projects.

Community
Advanced
HiroyukiMakitaHiroyukiMakita

web-design-reviewer

Inspect website designs and fix responsive, accessibility, and layout issues in source code.

Community
Advanced
PracticalSwanPracticalSwan
7

web-design-reviewer

Inspect live websites for UI layout, responsive design, and CSS issues.

Community
Intermediate