skills.rest
yocxy2
yocxy2COMMUNITY
Explore all skills by this author →
GitHub

design-review

Audit web interfaces for layout, spacing, and hierarchy inconsistencies.

Updated Jul 26, 2026
Search Tags:#design#frontend#qa#audit#polish#visual
One-click install
npx skills add https://github.com/yocxy2/gstack3 --skill design-review-yocxy2
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-review
Source: https://github.com/yocxy2/gstack3/tree/main/design-review
Command: npx skills add https://github.com/yocxy2/gstack3 --skill design-review-yocxy2

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill addresses visual inconsistencies, spacing errors, and hierarchy issues in web interfaces that often escape manual review, ensuring a polished, professional user experience.

Core Features & Use Cases

  • Visual Audit: Automatically detects layout, spacing, and hierarchy issues across the codebase.
  • AI Slop Detection: Identifies and cleans up patterns typical of unrefined AI-generated code.
  • Atomic Fixes: Iteratively applies fixes to the source code and verifies them with before-and-after screenshots.

Quick Start

Invoke the design-review skill to perform a visual audit of the current page and suggest necessary polish.

Frequently Asked Questions about design-review

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

FAQPage Schema
How do I automate visual QA and find layout inconsistencies in my web interface?▼

To perform a design audit, the skill iteratively applies atomic fixes to source code and verifies them using browser-based before-and-after screenshots. This ensures production-ready design standards by targeting visual hierarchy and spacing.

What is AI slop detection and how does it clean up unrefined frontend code?▼

AI slop detection identifies and cleans up patterns typical of unrefined AI-generated code. It targets visual hierarchy, spacing, and layout issues through automated audits to ensure a polished user experience.

Can I use this visual audit tool with Git and Bash for frontend design polish?▼

Yes, the visual audit requires Bash, Git, and browser-based verification tools to ensure production-ready design standards. It leverages these dependencies to iteratively apply atomic fixes and verify the results.

What is the best way to fix spacing errors and visual hierarchy issues in a web application?▼

The best way to fix spacing errors is through automated visual quality assurance that detects layout inconsistencies across the codebase. It iteratively modifies source code and verifies changes with browser-based screenshots.

Does automated design review work for AI-generated code patterns in web interfaces?▼

Automated design review specifically targets AI-generated code patterns by detecting layout, spacing, and hierarchy issues. It applies atomic fixes to the source code to resolve visual inconsistencies and ensure a professional user experience.

Related Skills

Explore More Design & Creative Skills→
Spectra29115Spectra29115

testing

Execute automated end-to-end UI tests with Playwright and capture screenshots.

Community
Intermediate
yonetim258852yonetim258852

jezweb-design-review

Identify visual design gaps in web apps and generate a findings report with screenshots.

Community
Intermediate
zzxtbetazzxtbeta

design-review

Audit live UI designs for visual inconsistencies and fix them with atomic commits.

Community
Advanced
winstonkoh87winstonkoh87
558

visual-verify-ui

Capture multi-viewport screenshots and compare DOM states for visual regression testing.

Community
Intermediate