skills.rest
anishs1207
anishs1207COMMUNITY
Explore all skills by this author →
Website𝕏@anishs1207GitHub

design-review

Deliverable bug-fix workflow that audits UI designs and applies corrective actions.

1|Updated Mar 1, 2026
Search Tags:#screenshots#design-system#design-review#visual QA#before-after#UI polish
One-click install
npx skills add https://github.com/anishs1207/agentic-cli --skill design-review-anishs1207
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-review
Source: https://github.com/anishs1207/agentic-cli/tree/main/.agents/skills/gstack-design-review
Command: npx skills add https://github.com/anishs1207/agentic-cli --skill design-review-anishs1207

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Visual design QA for live UIs: it identifies visual inconsistencies, spacing issues, hierarchy problems, AI slop patterns, and slow interactions, and fixes them with atomic commits and before/after verification.

Core Features & Use Cases

  • Designer-focused QA that finds visual issues and iterates fixes with atomic commits and before/after screenshot verification.
  • Plan-mode design review for pre-implementation audits, plus live-site polish with measurable visual improvements.
  • Workflow that captures before/after visuals, commits each fix atomically, and re-verifies design consistency across pages.

Quick Start

Run a design audit on your target site, apply fixes atomically, and verify results with before/after screenshots.

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 visual design audit on a live website to find UI inconsistencies?▼

A visual design audit identifies spacing problems, hierarchy issues, and inconsistent UI patterns by capturing before screenshots, analyzing the live site, and applying targeted fixes. It re-verifies design consistency across pages using before/after screenshots.

How do I fix spacing and hierarchy problems in my UI with atomic commits?▼

Fix UI spacing and hierarchy problems by applying targeted edits atomically, committing each fix individually to track changes. Capture before and after screenshots during the visual QA process to verify that each adjustment improves the design.

Can I use a plan-mode design review for pre-implementation audits?▼

Yes, plan-mode design review supports pre-implementation audits by evaluating visual design quality before coding begins. It identifies potential AI slop patterns and slow interactions, producing before/after screenshots for validation.

What's the best way to verify visual design improvements after applying UI fixes?▼

The best way to verify visual design improvements is by capturing before and after screenshots for direct comparison. This visual QA workflow validates that UI polish changes resolve inconsistencies and maintain design system standards.

Does this visual QA workflow work without external design system dependencies?▼

Yes, the visual QA workflow operates without external dependencies, using built-in file and web search tools to gather references and apply fixes. It performs checks and edits directly within the project environment to audit and polish UI design.

Why does my UI look inconsistent across different pages after implementation?▼

UI inconsistencies across pages often stem from unresolved spacing issues, broken visual hierarchy, or uncaught design system deviations. A design review audits these visual problems, applies atomic fixes, and re-verifies consistency using before/after screenshots.

Related Skills

Explore More Design & Creative Skills→
aemdemosaemdemos

Get General Styling — Design System Extraction Skill

Extract site-wide styling and design tokens from a live website.

Official
Advanced
ibalasiteibalasite

design-review

Audit live sites for visual consistency across typography, spacing, and interactions.

Community
Advanced
Jia-Hong-PengJia-Hong-Peng

design-review

Detect visual design inconsistencies and commit atomic fixes with screenshots.

Community
Advanced
abretonc7sabretonc7s

visual-testing

Capture screenshots before and after UI interactions to detect visual regressions.

Community
Intermediate