design-review

Automate visual design QA and fix UI issues in codebases.

1|Updated May 25, 2026
One-click install
npx skills add https://github.com/chiruu12/nudge --skill design-review-chiruu12
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: design-review
Source: https://github.com/chiruu12/nudge/tree/main/.agents/skills/gstack-design-review
Command: npx skills add https://github.com/chiruu12/nudge --skill design-review-chiruu12

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires Bash, Git, Image processing libraries, and includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill streamlines the process of finding and fixing design issues, offering automated visual QA, consistent hierarchy checks, and AI-based iteration on design fixes.

Core Features & Use Cases

  • Automated Design QA: Identifies inconsistencies, spacing problems, and layout issues.
  • Fix Design Issues: Automatically fixes identified issues in source code and re-verifies changes with before/after screenshots.
  • Use Case: Before a project's implementation, use the /plan-design-review to audit design and spot potential problems. Ideal when seeking design audit, visual QA, or final polish before launching.

Quick Start

Invoke the design-review skill with the command /design-review start.

Frequently Asked Questions about design-review

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

FAQPage Schema
How do I automate visual QA and UI polishing in a design codebase?

Automated visual QA and UI polishing is achieved through AI-driven design iteration that identifies inconsistencies, spacing problems, and layout issues. It automatically fixes identified issues in source code and re-verifies changes using before and after screenshots.

What is the best way to run a design audit before launching a project?

The best way to run a design audit before launching is invoking the /plan-design-review command to spot potential problems. This process streamlines finding and fixing design issues by offering automated visual QA and consistent hierarchy checks.

Do I need Git and Bash to run AI-assisted design reviews?

Yes, you need Git, Bash, and basic image processing libraries to run AI-assisted design reviews. These dependencies are required to automate visual inspection and execute incremental fix-ups within your design codebase.

Can I automatically fix spacing and hierarchy issues in UI source code?

Yes, you can automatically fix spacing and hierarchy issues in UI source code. The AI-driven iteration identifies inconsistencies and layout problems, automatically corrects the source code, and re-verifies the changes with visual screenshots.

How does AI-assisted design iteration handle layout inconsistencies?

AI-assisted design iteration handles layout inconsistencies by automating visual inspection across the design codebase. It identifies spacing problems and hierarchy issues, applies incremental fix-ups to the source code, and enhances overall UI element consistency.

When should I avoid using automated visual inspection for design QA?

You should avoid using automated visual inspection for design QA if your project lacks a codebase structure compatible with Bash and Git, or if basic image processing libraries are unavailable, as these are required dependencies for the automated fix-up workflow.