design-review

Audit web interfaces for visual inconsistencies, spacing issues, and hierarchy problems.

Updated Jul 29, 2026
One-click install
npx skills add https://github.com/KrismithReddy12/gstack --skill design-review-krismithreddy12
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: design-review
Source: https://github.com/KrismithReddy12/gstack/tree/main/design-review
Command: npx skills add https://github.com/KrismithReddy12/gstack --skill design-review-krismithreddy12

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill addresses the gap between implementation and design intent by identifying visual inconsistencies, spacing errors, and hierarchy issues that often escape manual review.

Core Features & Use Cases

  • Visual Audit: Automatically scans for design slop, layout inconsistencies, and interaction delays.
  • Atomic Fixes: Iteratively applies design corrections and verifies them with before-and-after visual checks.
  • Use Case: Use this during a frontend sprint to ensure your UI components match the design system specifications without needing a manual designer sign-off for every minor spacing adjustment.

Quick Start

Invoke the design-review skill to audit the current page for visual inconsistencies and polish the layout.

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 for my frontend codebase?

Automate visual QA by invoking a design review process that scans web interfaces for visual inconsistencies, spacing errors, and hierarchy issues. This targets layout problems and interaction delays that often escape manual review during frontend development.

What is automated design polish and how does it work?

Automated design polish is the process of iteratively applying atomic design corrections to a user interface and verifying them with before-and-after visual checks. It bridges the gap between implementation and design intent by fixing layout inconsistencies automatically.

Do I need browser-based verification tools to audit UI hierarchy issues?

Yes, you need browser-based verification tools to audit UI hierarchy issues. Visual quality assurance requires integration with browser-based environments to validate UI polish, check spacing problems, and assess interaction performance effectively.

Can I automatically check frontend components against design system specifications?

Yes, you can automatically check frontend components against design system specifications. Use this during a frontend sprint to ensure your UI components match the design system without needing a manual designer sign-off for every minor spacing adjustment.

What's the best way to fix layout inconsistencies without a manual designer sign-off?

The best way to fix layout inconsistencies without manual sign-off is using an automated visual audit that targets design slop and spacing errors. It iteratively applies corrections and verifies them visually to ensure your UI matches design specifications.

Why does my UI have visual inconsistencies after frontend implementation?

Your UI has visual inconsistencies because gaps between implementation and design intent often escape manual review. An automated visual quality assurance audit can identify these spacing errors, hierarchy issues, and interaction delays within your frontend codebase.