skills.rest
imonmi
imonmiCOMMUNITY
Explore all skills by this author →
GitHub

design-review

Audit live sites for visual issues and fix them with atomic commits.

Updated Mar 24, 2026
Search Tags:#typography#spacing#hierarchy#before-after#design polish#visual qa
One-click install
npx skills add https://github.com/imonmi/INTER-EDU --skill design-review-imonmi
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-review
Source: https://github.com/imonmi/INTER-EDU/tree/main/gstack-main/gstack-main/design-review
Command: npx skills add https://github.com/imonmi/INTER-EDU --skill design-review-imonmi

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Designer's eye QA identifies visual inconsistencies, spacing issues, hierarchy problems, AI slop patterns, and slow interactions, and then fixes them iteratively in source code while validating progress with before/after screenshots.

Core Features & Use Cases

  • Visual QA checks for typography, spacing, contrast, and alignment across pages.
  • Iterative design fixes in source with atomic commits and before/after verification.
  • Plan-mode review support via /plan-design-review for pre-implementation polish.

Quick Start

Ask the design-review skill to audit the live site design and provide before/after fixes with atomic commits and screenshots.

Frequently Asked Questions about design-review

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

FAQPage Schema
How do I audit a live site for visual design issues like spacing and typography?▼

Visual QA audits live sites by checking typography, spacing, hierarchy, and contrast, then proposes concrete fixes. It iterates design fixes in source code with atomic commits and re-verifies changes using before and after screenshots.

What is a design review process that commits fixes to source code?▼

A design review process audits visual quality and interaction issues, then executes concrete fixes directly in the source code. It validates progress by taking before and after screenshots and committing changes atomically.

Can I review and polish design before implementation starts?▼

Yes, you can coordinate plan-mode reviews using the staged design review flow to polish design work before implementation begins. This allows you to identify visual inconsistencies and spacing issues early in the process.

What is the best way to fix AI slop patterns and visual inconsistencies on my website?▼

The best way to fix AI slop patterns is running a visual QA check for typography, spacing, contrast, and alignment across pages. It then applies iterative design fixes in source code with before and after verification.

Does visual QA testing work with staged design work before coding?▼

Yes, visual QA testing supports pre-implementation polish through a dedicated plan-mode review flow. This allows you to evaluate staged design work for hierarchy and interaction issues before writing source code.

Related Skills

Explore More Design & Creative Skills→
shihwesleyshihwesley

plan-design-review

Audit live sites for visual design issues and export DESIGN.md.

Community
Advanced
mattothomasmattothomas

design-review

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

Community
Advanced
AkaraChenAkaraChen
270

arrange

Assess UI layouts for spacing, rhythm, hierarchy, and grid structure.

Community
Advanced
JansenAnalyticsJansenAnalytics
5

frontend-inspector

Analyze frontend screenshots to detect visual defects and generate structured reports.

Community
Intermediate