skills.rest
abhishekmmgn
abhishekmmgnCOMMUNITY
Explore all skills by this author →
𝕏@abhishekmmgnGitHub

design-review

Audit front-end code for UI inconsistencies and apply iterative fixes.

Updated Jun 18, 2026
Search Tags:#design#layout#UI audit#polish#visual QA#gstack
One-click install
npx skills add https://github.com/abhishekmmgn/didactic-invention --skill design-review-abhishekmmgn
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-review
Source: https://github.com/abhishekmmgn/didactic-invention/tree/main/.agents/skills/gstack/design-review
Command: npx skills add https://github.com/abhishekmmgn/didactic-invention --skill design-review-abhishekmmgn

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Visual design QA that uncover s UI inconsistencies, spacing misalignments, hierarchy issues, AI slop patterns, and slow interactions, then patches the codebase to deliver a polished UI.

Core Features & Use Cases

  • Iterative visual audits across components and pages to detect spacing, alignment, and typography issues.
  • Automated fixes and re-verification with before/after evidence to ensure polished designs.
  • Plan-mode design reviews to validate design decisions before implementation and guide developers.

Quick Start

Audit the current UI for visual issues, apply fixes, and re-run the audit to confirm visual polish.

Frequently Asked Questions about design-review

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

FAQPage Schema
How do I perform an automated visual QA audit on my front-end code?▼

Perform an automated visual QA audit to detect UI inconsistencies, spacing misalignments, and hierarchy issues in your front-end code. The process applies iterative fixes and re-validates with before/after evidence to ensure a polished design.

What is the best way to fix spacing and alignment issues in a UI layout?▼

The best way to fix layout issues is using automated visual QA that detects spacing and alignment problems, patches the codebase directly, and provides before/after evidence to verify the visual polish.

Does this visual QA process work on existing components and pages?▼

Yes, it performs iterative visual audits across existing components and pages to detect typography, spacing, and alignment issues, applying fixes and re-verifying the results within plan-mode safety.

How do I validate design decisions before implementing front-end changes?▼

Validate design decisions using plan-mode design reviews to guide developers and check decisions before implementation, leveraging interactive prompts for guided decisions when needed.

Can I detect slow interactions and performance quirks during a UI audit?▼

Yes, the UI audit uncovers slow interactions and performance quirks alongside visual inconsistencies and AI slop patterns, patching the codebase to deliver a polished and responsive UI.

Related Skills

Explore More Design & Creative Skills→
juspayjuspay
18

vira-design

Apply Vira design tokens and component classes for consistent, accessible UI.

Official
Basic
jordanhubbardjordanhubbard
105

web-designer

Translate product goals into polished Loom UI designs with documented specs.

Community
Intermediate
esopianesopian
2

design-review

Detect layout, spacing, and hierarchy issues on live web interfaces.

Community
Advanced
robit-manrobit-man

regression-visual

Compare screenshots and analyze pixel differences across browsers and viewports.

Community
Advanced