skills.rest
yahav123147
yahav123147COMMUNITY
Explore all skills by this author →
GitHub

design-review

Audit visual design inconsistencies and apply iterative source-level fixes.

1|Updated Apr 13, 2026
Search Tags:#design audit#spacing#typography hierarchy#visual QA#UI polish#screenshot verification
One-click install
npx skills add https://github.com/yahav123147/paid-ads-cro-skills --skill design-review-yahav123147
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-review
Source: https://github.com/yahav123147/paid-ads-cro-skills/tree/main/skills/design-review
Command: npx skills add https://github.com/yahav123147/paid-ads-cro-skills --skill design-review-yahav123147

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

It catches visual issues like inconsistent spacing, weak hierarchy, and AI-looking polish problems, then fixes them in a tight loop with before/after proof.

Core Features & Use Cases

  • Visual QA for live and in-progress UI: Scans for UI inconsistency, spacing problems, and hierarchy issues that make pages feel “off”.
  • Design-polish remediation loop: Iteratively applies targeted fixes in the source, then re-verifies with before/after screenshots.
  • Plan-mode audit support: Helps you do a “design eye” review before implementation, using the dedicated plan workflow.
  • Proactive design polish: Best when you ask to “audit the design”, “check if it looks good”, or “polish the look” of a live site.

Quick Start

Run design-review when you want a visual audit and fixes, and say what page or URL to review and what “good” should look like.

Frequently Asked Questions about design-review

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

FAQPage Schema
How do I fix inconsistent spacing and weak visual hierarchy in my UI?▼

Perform a visual design audit to identify UI inconsistencies like spacing and weak hierarchy, then apply iterative source-level fixes with before and after screenshot verification until the interface passes inspection.

What is a UI polish remediation loop and how does it work?▼

A UI polish remediation loop iteratively applies targeted fixes to the source code, then re-verifies the visual design using before and after screenshots to ensure spacing and hierarchy inconsistencies are fully resolved.

Can I audit my live site for AI-sloppy UI patterns before shipping?▼

Yes, you can run a visual design audit on a live site by providing the page URL. The process scans for AI-sloppy UI patterns and visual inconsistency, applying source-level fixes until the visual QA passes.

How do I check if my in-progress UI looks good before implementation?▼

Use a plan-mode design audit to perform a design eye review before implementation. This pre-implementation audit evaluates targeted scopes of a workflow to catch visual hierarchy and spacing problems early.

Do I need to provide screenshots for a visual QA design audit?▼

The visual QA process requires before and after screenshot verification to re-check the UI. You provide the page URL or targeted scope, and the workflow generates the visual proof needed to verify the applied fixes.

Related Skills

Explore More Design & Creative Skills→
curielmccurielmc

design-review

Audit live UI for visual consistency, spacing, hierarchy, and interaction latency.

Community
Advanced
LaPaGaYoLaPaGaYo

design-review

Identify and fix visual design issues in software UI with before/after screenshot verification.

Community
Intermediate
samjhechtsamjhecht
4

frontend-visual-regression-testing

Compare UI component screenshots against baselines to detect visual regressions.

Community
Advanced
martin-hsu-testmartin-hsu-test
1

design-review

Audit live pages for visual inconsistencies and fix them in source code.

Community
Advanced