design-review

Automate visual design issue detection and fixes with before/after screenshots.

Updated May 28, 2026
One-click install
npx skills add https://github.com/limzivector/SEO --skill design-review-limzivector
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: design-review
Source: https://github.com/limzivector/SEO/tree/main/gstack/design-review
Command: npx skills add https://github.com/limzivector/SEO --skill design-review-limzivector

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires Bash, Read, Write, Edit, Glob, Grep, AskUserQuestion, WebSearch, and includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill automates the process of finding and fixing visual inconsistencies, spacing issues, and other design problems in source code, saving time and improving consistency.

Core Features & Use Cases

  • Automated Design QA: Identifies visual inconsistencies, spacing issues, and AI slop patterns in design code.
  • Fixes and Re-verifications: Automatically fixes identified issues and provides before/after screenshots for verification.
  • Use Case: When you need to ensure that your design is consistent and free of errors before implementation, this Skill can be used to perform a visual audit and make necessary corrections.

Quick Start

Run the design-review skill to automatically audit and fix visual issues in your design code.

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 consistency checks in my source code?

Automating visual consistency checks involves scanning source code to identify design inconsistencies, spacing issues, and AI slop patterns. This process operates within a plan-mode design review workflow, automatically fixing problems and providing before/after screenshots for verification.

What are AI slop patterns in design code and how do I fix them?

AI slop patterns are visual inconsistencies and spacing issues generated in source code. You can fix them by running an automated design QA process that identifies these issues, applies necessary design fixes, and re-verifies the results using before and after screenshots.

Can I perform design QA using Bash, Grep, and Glob tools?

Yes, design QA can be performed using Bash, Grep, and Glob tools. The automated review process requires these tools alongside Read, Write, Edit, AskUserQuestion, and WebSearch to scan source code, identify visual inconsistencies, and apply fixes.

What's the best way to identify and fix spacing issues in design code?

The best way to fix spacing issues is through an automated design review workflow that scans source code for visual inconsistencies. It automatically corrects the identified issues and provides before/after screenshots to verify the design fixes.

Does automated design review work for pre-implementation visual audits?

Yes, automated design review works for pre-implementation visual audits. It ensures your design is consistent and free of errors by performing a visual audit of the source code, identifying AI slop patterns, and making necessary corrections before final implementation.

Why does my design code still have visual inconsistencies after manual review?

Visual inconsistencies persist after manual review because spacing issues and AI slop patterns are difficult to spot manually. An automated design QA process can systematically scan source code, identify hidden inconsistencies, apply fixes, and provide before/after screenshots for verification.