skills.rest
GenEducation
GenEducationOFFICIAL
Explore all skills by this author →
GitHub

design-review

Detect visual inconsistencies, spacing, hierarchy, and slow interactions in live web pages.

Updated Mar 30, 2026
Search Tags:#design review#spacing#hierarchy#ui audit#frontend polish#visual qa#screenshot verification
One-click install
npx skills add https://github.com/GenEducation/GenedUIProject --skill design-review-geneducation
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-review
Source: https://github.com/GenEducation/GenedUIProject/tree/main/.gemini/skills/design-review
Command: npx skills add https://github.com/GenEducation/GenedUIProject --skill design-review-geneducation

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill finds and fixes visual problems that make a product feel off, like spacing mistakes, weak hierarchy, slow-feeling interactions, and AI-generated-looking UI.

Core Features & Use Cases

  • Visual QA: Checks live pages for layout drift, inconsistent spacing, typography issues, and awkward balance.
  • Design Polishing: Iteratively improves source code, then verifies the result with before-and-after screenshots.
  • Use Case: A builder wants a homepage audit before launch, so this Skill reviews the UI, spots rough edges, and tightens the presentation until it feels deliberate.

Quick Start

Use the design-review skill to audit the homepage at the target URL and fix any visual issues you find.

Frequently Asked Questions about design-review

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

FAQPage Schema
How do I run a UI audit to find visual inconsistencies on a live web page?▼

Run a UI audit to detect visual inconsistencies by analyzing live web pages for layout drift, spacing problems, and weak hierarchy. The process requires applying source-code fixes with atomic commits and verifying results using before-and-after screenshot re-verification.

What is frontend polish and how does screenshot verification work?▼

Frontend polish is the iterative process of fixing spacing mistakes and typography issues in source code. Screenshot verification works by capturing before-and-after images of the live UI to confirm that visual quality improvements are successfully applied and resolved.

Can I use design review for a homepage audit before launch?▼

Yes, you can use this process for a homepage audit before launch. It reviews the target UI to spot rough edges like awkward balance and slow interactions, tightening the presentation through iterative source-code fixes until the design feels deliberate.

Does visual QA require source-code access to fix spacing and hierarchy issues?▼

Yes, visual QA requires source-code access to fix spacing and hierarchy issues. The workflow depends on making atomic commits to the codebase to resolve layout drift and then re-verifying the final result through before-and-after screenshot comparisons.

What is the best way to fix spacing problems and layout drift in product UI?▼

The best way to fix spacing problems and layout drift in product UI is iteratively improving the source code and verifying the result with before-and-after screenshots. This visual QA approach tightens presentation until the interface feels deliberate.

Related Skills

Explore More Design & Creative Skills→
parisgroup-aiparisgroup-ai
1

design-critic

Analyze and auto-fix visual design issues in web applications.

Official
Advanced
olaafrossiolaafrossi
10

design-review

Audit live interfaces for visual consistency and patch issues via atomic commits.

Community
Advanced
IFIR649IFIR649

visual-design-foundations

Build cohesive visual design systems with typography, color, spacing, and iconography tokens.

Community
Advanced
zinohomezinohome

visual-regression-tester

Implements visual regression testing with screenshot comparison and CI integration using Playwright or Chromatic.

Community
Intermediate