skills.rest
steadyfall
steadyfallCOMMUNITY
Explore all skills by this author →
Website𝕏@steadyfall04GitHub

design-review

Audit UI designs for visual issues and patch source code atomically.

Updated Mar 28, 2026
Search Tags:#screenshots#design-review#ui-audit#before-after#design-polish#visual qa
One-click install
npx skills add https://github.com/steadyfall/fspeek --skill design-review-steadyfall
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-review
Source: https://github.com/steadyfall/fspeek/tree/main/.claude/skills/gstack/design-review
Command: npx skills add https://github.com/steadyfall/fspeek --skill design-review-steadyfall

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 by iteratively patching the source code, committing each fix atomically, and re-verifying with before/after screenshots.

Core Features & Use Cases

  • Visual QA for UI consistency across components, spacing, typography, and alignment.
  • Iterative design-review workflow before implementation or on live sites to polish visuals and interactions.
  • Plan-mode design review for pre-implementation audits with concise recommendations and patch plans.

Quick Start

Run a design-check pass on the UI, generate before/after visuals, and commit each fix atomically.

Frequently Asked Questions about design-review

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

FAQPage Schema
How do I fix visual inconsistencies and spacing issues in my UI design?▼

A UI audit identifies hierarchy problems, spacing issues, and AI slop patterns by analyzing the design before implementation. It generates concise recommendations and patch plans to proactively polish visuals and fix interactions.

How do I run a visual QA pass on live-site UI components?▼

Run a visual QA pass by capturing before screenshots, identifying typography and alignment inconsistencies, applying targeted source code patches, and committing each fix atomically with after verification to demonstrate progress.

What is the best way to document design polish progress with before and after screenshots?▼

Document design polish progress by capturing before/after screenshots for each visual fix, applying atomic commits to the source code, and maintaining proper documentation that demonstrates iterative improvements throughout the workflow.

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

Yes, plan-mode design review audits designs before implementation by identifying visual inconsistencies and AI slop patterns. It provides concise recommendations and patch plans to ensure UI consistency prior to coding.

How do I detect and fix AI slop patterns in my UI designs?▼

AI slop patterns are detected during visual QA by scanning for inconsistent spacing, hierarchy problems, and slow interactions. Fixes are applied by iteratively patching source code and verifying results with before/after screenshots.

Related Skills

Explore More Design & Creative Skills→
alexandervashurinalexandervashurin

design-review

Audit UI visuals for inconsistencies, spacing, and hierarchy issues.

Community
Advanced
agwacomagwacom

avad-design-review

Audits live-site visuals and fixes design inconsistencies with atomic commits.

Official
Advanced
YaugourtYaugourt
2

design-review

Audits live UI builds for typography, spacing, and hierarchy issues and proposes fixes.

Community
Advanced
CarbeneAICarbeneAI
9

design-review

Detect visual QA issues in live UI and document atomic fixes.

Community
Advanced