skills.rest
robertzengcn
robertzengcnCOMMUNITY
Explore all skills by this author →
GitHub

design-review

Audit UI visual consistency and fix spacing, hierarchy, and interaction issues.

Updated Jul 21, 2025
Search Tags:#design consistency#design review#design audit#frontend design#ui polish#visual qa#interaction optimization
One-click install
npx skills add https://github.com/robertzengcn/aiFetchly --skill design-review-robertzengcn
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-review
Source: https://github.com/robertzengcn/aiFetchly/tree/main/.agents/skills/gstack/design-review
Command: npx skills add https://github.com/robertzengcn/aiFetchly --skill design-review-robertzengcn

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill eliminates the frustration of unpolished, inconsistent user interfaces caused by misaligned elements, uneven spacing, broken visual hierarchy, generic AI-generated design patterns, and slow, unresponsive interactions that degrade user experience and make products feel unprofessional.

Core Features & Use Cases

  • Full Visual Audit: Scans entire UIs to catch spacing errors, misaligned elements, hierarchy breaks, and generic "AI slop" design patterns like overused gradients or unoriginal layouts.
  • Iterative Auto-Fixes: Automatically resolves identified issues directly in source code, committing each fix atomically and verifying changes with before/after screenshots to ensure accuracy.
  • Use Case: You just launched a new marketing landing page and notice elements feel "off" but can't pinpoint the exact issue. Run this Skill to get a full visual QA, auto-fix common problems, and confirm the polished result with side-by-side screenshots.

Quick Start

Use the design-review skill to audit the visual consistency and polish of your current project's user interface and fix any identified design issues.

Frequently Asked Questions about design-review

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

FAQPage Schema
How do I fix visual inconsistency and spacing errors in my web application UI?▼

To fix visual inconsistency and spacing errors in your web application UI, run a full visual audit to detect misaligned elements and hierarchy breaks, then apply iterative atomic source code fixes verified by before and after screenshots.

What is the best way to identify generic AI-generated design slop patterns in a frontend project?▼

The best way to identify AI-generated design slop patterns is to scan the user interface for overused gradients and unoriginal layouts during a visual audit, which helps eliminate unpolished and unprofessional design elements.

Can I use an automated design review for pre-implementation plan-mode design audits?▼

Yes, you can use an automated design review for pre-implementation plan-mode design audits, as well as for post-launch visual QA audits and iterative polish of web and desktop application UIs to ensure consistent user experiences.

How do I automate interaction optimization and resolve slow responsive UI issues?▼

To automate interaction optimization and resolve slow responsive UI issues, run an end-to-end issue detection scan that identifies slow interactions and automatically applies atomic source code fixes to deliver a polished user experience.

Related Skills

Explore More Design & Creative Skills→
CodeAtCodeCodeAtCode
14

playwright-visual-regression

Compare UI screenshots against baselines with Playwright and report visual diffs.

Official
Advanced
nassimbfnassimbf
3

browser-qa

Automates browser-based QA for visual, interaction and accessibility checks across web applications.

Community
Advanced
cegit27cegit27
3

design-review

Detect and fix visual design inconsistencies in web interfaces via source code.

Official
Advanced
billydeeii136billydeeii136

design-review

Identify and resolve visual inconsistencies and spacing issues in source code.

Community
Intermediate