skills.rest
Shmurdoc
ShmurdocCOMMUNITY
Explore all skills by this author →
GitHub

design-review

Automates UI visual audits and fixes identified issues in source code.

Updated May 27, 2026
Search Tags:#visual consistency#design review#design audit#ui polish#visual qa#atomic fixes
One-click install
npx skills add https://github.com/Shmurdoc/EasyRide-v1 --skill design-review-shmurdoc
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-review
Source: https://github.com/Shmurdoc/EasyRide-v1/tree/main/.opencode/skills/gstack-design-review
Command: npx skills add https://github.com/Shmurdoc/EasyRide-v1 --skill design-review-shmurdoc

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill eliminates the tedious manual work of auditing user interfaces for visual inconsistencies, spacing errors, hierarchy problems, AI-generated design slop, and slow interaction patterns, saving designers and developers hours of repetitive visual QA effort.

Core Features & Use Cases

  • Automated Visual Audits: Scans UI for visual inconsistencies, spacing issues, hierarchy flaws, AI slop patterns, and slow user interactions.
  • Atomic Fixes: Automatically resolves identified issues directly in source code, committing each fix individually for easy rollback and clear change history.
  • Use Case: Use it to polish a live site's design before launch, fix visual regressions after code changes, or audit a new implementation for design system compliance without manual screenshot comparison.

Quick Start

Use the design-review skill to audit the visual consistency of your current project's UI and fix any identified spacing or hierarchy issues.

Frequently Asked Questions about design-review

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

FAQPage Schema
How do I automate a visual design audit to fix UI inconsistencies?▼

Automating a visual design audit scans your UI to detect inconsistencies, spacing errors, and hierarchy flaws, then resolves them directly in source code with atomic commits and before/after screenshots for verification.

What is the best way to fix visual regressions after code changes?▼

Fixing visual regressions involves scanning your UI for spacing issues and AI-generated design slop, then applying atomic fixes directly to the source code to ensure visual quality without manual screenshot comparison.

Can I check my UI for design system compliance without manual screenshot comparison?▼

Checking UI design system compliance automatically scans for visual inconsistencies and hierarchy flaws, resolving identified issues in source code with individual atomic commits to eliminate repetitive manual visual QA effort.

How does automated visual QA handle slow interaction patterns in web interfaces?▼

Automated visual QA detects slow interaction patterns in web and application interfaces alongside visual inconsistencies, then commits atomic fixes directly to source code with before/after screenshot verification to ensure quality.

Does automated design review commit fixes individually for easy rollback?▼

Automated design review commits each resolved visual issue individually as an atomic fix in the source code, providing clear change history and easy rollback without requiring manual intervention.

Related Skills

Explore More Design & Creative Skills→
robertzengcnrobertzengcn

design-review

Audit UI visual consistency and fix spacing, hierarchy, and interaction issues.

Community
Advanced
mattothomasmattothomas

design-review

Audit UI designs for visual inconsistencies and fix them with atomic commits.

Community
Advanced
YehudaFrankelYehudaFrankel
16

refactoring-ui

Apply tactical design rules to improve UI polish across web and mobile interfaces.

Community
Intermediate
samjhechtsamjhecht
4

frontend-visual-regression-testing

Compare UI component screenshots against baselines to detect visual regressions.

Community
Advanced