skills.rest
SunS1eep1ng
SunS1eep1ngCOMMUNITY
Explore all skills by this author →
GitHub

web-design-reviewer

Automate visual website design inspection and code-level fixes with Playwright.

Updated Jun 30, 2026
Search Tags:#accessibility#responsive design#web design#layout correction#website inspection
One-click install
npx skills add https://github.com/SunS1eep1ng/codex-dotfiles --skill web-design-reviewer-suns1eep1ng
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-reviewer
Source: https://github.com/SunS1eep1ng/codex-dotfiles/tree/main/skills/web-design-reviewer
Command: npx skills add https://github.com/SunS1eep1ng/codex-dotfiles --skill web-design-reviewer-suns1eep1ng

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires playwright, pypdfium2, and includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill streamlines the process of identifying and fixing design issues in websites, ensuring a visually appealing and functional user experience.

Core Features & Use Cases

  • Automated Design Review: Inspects websites for layout, responsive design, accessibility, and visual consistency issues.
  • Code-Level Fixes: Corrects design problems directly in the source code.
  • Use Case: When creating a new web application, use this Skill to validate the design and automatically apply fixes to layout and styling issues, saving time and effort.

Quick Start

Perform a design review on the website at 'http://example.com'.

Frequently Asked Questions about web-design-reviewer

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I automate visual inspection for website design issues?▼

Automated web design review identifies layout, responsiveness, accessibility, and visual consistency issues using Playwright. It performs checks across static sites, SPA frameworks, full-stack frameworks, and CMS platforms to ensure functional user experiences.

Does automated web design review work with SPA frameworks and CMS platforms?▼

Automated web design review works with SPA frameworks, CMS platforms, static sites, and full-stack frameworks. It uses Playwright for browser automation to inspect visual consistency and layout across these different web architectures.

Do I need source code access to fix website layout and accessibility issues?▼

You need source code access to fix website layout and accessibility issues code-level. While browser automation inspects visual problems automatically, modifying the source code is required to apply the actual design corrections.

Can Playwright detect responsive design and visual consistency problems automatically?▼

Playwright can detect responsive design and visual consistency problems automatically. It drives browser automation to inspect websites, identifying layout shifts and styling errors across different viewport sizes and application states.

What are the limitations of using browser automation for website inspection?▼

Limitations of using browser automation for website inspection include the requirement for source code access to apply code-level fixes. It focuses on layout, accessibility, and visual consistency rather than evaluating backend logic or business performance.

Related Skills

Explore More Software Engineering Skills→
dhar174dhar174
1

web-design-reviewer

Inspect website design issues and fix source code automatically.

Community
Advanced
naviktnavikt
1

web-design-reviewer

Inspect website code for layout, typography, accessibility, and responsiveness issues.

Official
Intermediate
redpanda-dataredpanda-data
34

visual-review

Automate visual and accessibility reviews of frontend UI changes with Playwright.

Official
Advanced
inbharataiinbharatai
22

code-reviewer

Analyzes code for bugs, security vulnerabilities, performance bottlenecks, and style violations.

Community
Advanced