skills.rest
kunalrawat425
kunalrawat425COMMUNITY
Explore all skills by this author →
GitHub

design-review

Audit visual design inconsistencies and fix them with atomic commits.

Updated Apr 4, 2026
Search Tags:#iteration#visual-qa#design-review#ui-quality#before-after#design-polish#gstack
One-click install
npx skills add https://github.com/kunalrawat425/conductor-playground --skill design-review-kunalrawat425
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-review
Source: https://github.com/kunalrawat425/conductor-playground/tree/main/.claude/skills/gstack/design-review
Command: npx skills add https://github.com/kunalrawat425/conductor-playground --skill design-review-kunalrawat425

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Designer's eye QA: finds visual inconsistencies, spacing issues, hierarchy problems, AI slop patterns, and slow interactions — then fixes them. Iteratively fixes issues in source code, committing each fix atomically and re-verifying with before/after screenshots. For plan-mode design review (before implementation), use /plan-design-review. Use when asked to "audit the design", "visual QA", "check if it looks good", or "design polish". Proactively suggest when the user mentions visual inconsistencies or wants to polish the look of a live site. (gstack)

Core Features & Use Cases

  • Visual QA pass for UI polish
  • Identify inconsistencies and spacing/hierarchy issues
  • Plan-mode review with before/after verification
  • Iterative fixes with atomic commits and re-verification
  • Proactive suggestions for polish on live sites

Quick Start

Run the design-review on the current branch to audit visuals and generate atomic design fixes with before/after verification.

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 to find spacing and hierarchy issues in my UI?▼

Visual QA automation identifies UI inconsistencies, spacing flaws, and hierarchy problems by auditing the source code. It iteratively fixes these issues and commits changes atomically with before and after screenshots for verification.

What is the best way to polish the visual design of a live site?▼

Polishing a live site involves running an automated design review to detect slow interactions and visual inconsistencies. The tool applies iterative fixes directly in the source code and records each change as an atomic commit.

Can I do a plan-mode design review before implementation?▼

Yes, you can run a plan-mode design review before implementation to audit visuals and generate fixes. This process includes before and after verification to ensure design quality is maintained across the source code.

How does before and after verification work for design fixes?▼

Before and after verification records evidence of visual changes by capturing screenshots during the iterative fix process. Each design adjustment is committed atomically, ensuring every modification is tracked and visually validated.

Does visual QA automation work with gstack tooling?▼

Yes, visual QA automation integrates directly with gstack tooling to enforce iterative fixes and record changes as atomic commits. This synergy streamlines the design polish process across your source code.

Why should I use automated design review instead of manual UI audits?▼

Automated design review eliminates manual oversight by rapidly identifying AI slop patterns, spacing inconsistencies, and slow interactions. It enforces iterative fixes with atomic commits, ensuring consistent visual polish.

Related Skills

Explore More Design & Creative Skills→
tan-yong-shengtan-yong-sheng
1

gstack-design-review

Audit live UIs for visual inconsistencies and spacing issues.

Community
Advanced
zhu637882-stackzhu637882-stack

design-review

Detect and fix visual design issues in UI implementations with atomic commits.

Community
Intermediate
adryanmoldokkr32-pixeladryanmoldokkr32-pixel

design-review

Identify and fix visual design inconsistencies in UI designs.

Community
Advanced
act70255act70255

ui-visual-validator

Validate UI components for visual consistency, design system compliance, and accessibility.

Community
Advanced