design-review

Audit and fix interface design issues in frontend applications.

2|1|Updated May 20, 2026
One-click install
npx skills add https://github.com/balajivis/multiagent-primer --skill design-review-balajivis
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: design-review
Source: https://github.com/balajivis/multiagent-primer/tree/main/lab0-workflow/gstack/design-review
Command: npx skills add https://github.com/balajivis/multiagent-primer --skill design-review-balajivis

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps teams find and fix visual quality issues that make products feel inconsistent, unfinished, or difficult to use, including spacing problems, hierarchy issues, AI-generated design patterns, and interaction flaws.

Core Features & Use Cases

  • Visual Design Audit: Reviews interfaces for typography, color, layout, responsiveness, accessibility, and interaction quality using a structured checklist.
  • Design Improvement Workflow: Identifies issues, applies source-code fixes, verifies changes with screenshots, and tracks improvements through iterative review.
  • Use Case: A frontend team preparing a product launch can use this Skill to audit their application, uncover polish issues, and improve the overall user experience before release.

Quick Start

Use the design-review skill to audit my application interface, identify visual issues, and recommend or apply design improvements.

Frequently Asked Questions about design-review

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

FAQPage Schema
How do I run a UI audit on my frontend application before launch?

Run a UI audit by inspecting your live website or frontend application through a browser, capturing screenshots, and evaluating typography, layout, interactions, and responsive behavior against a structured design checklist.

What is visual QA for web interfaces and when do I need it?

Visual QA for web interfaces is the structured evaluation of design quality to fix spacing, hierarchy, and interaction flaws. You need it when a product feels inconsistent, unfinished, or requires pre-launch design polish.

How do I fix responsive design and visual consistency issues in source code?

Fix responsive design and visual consistency issues by identifying flaws during a visual audit, applying targeted edits directly to your source code, and verifying the applied improvements through iterative screenshot checks.

Can I use this design review workflow for AI-generated interface patterns?

Yes, you can use this design review workflow to detect and correct AI-generated design patterns. It audits your interface for visual consistency and usability, applying source-code fixes to resolve any generated layout or hierarchy issues.

Does visual design polish require browser-based inspection and screenshots to verify changes?

Visual design polish requires browser-based inspection and screenshot verification to accurately evaluate typography, color, and responsive behavior, ensuring that source-code edits successfully resolve the identified interface issues.

What is the best way to automate a pre-launch design review for a live website?

The best way to automate a pre-launch design review is using a structured workflow that audits the live website, identifies visual quality issues, applies source-code fixes, and tracks improvements through iterative screenshot verification.