skills.rest
greencm
greencmCOMMUNITY
Explore all skills by this author →
GitHub

design-review

Identify and fix visual inconsistencies and design issues in source code.

1|Updated Mar 24, 2026
Search Tags:#code quality#design review#AI design#source code analysis#visual QA
One-click install
npx skills add https://github.com/greencm/gstuck --skill design-review-greencm
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-review
Source: https://github.com/greencm/gstuck/tree/main/output/gstack/design-review
Command: npx skills add https://github.com/greencm/gstuck --skill design-review-greencm

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

This Skill automates the process of identifying and fixing visual inconsistencies, spacing issues, and other design problems in source code, streamlining the design review process.

Core Features & Use Cases

  • Automated Visual QA: Identifies and reports visual inconsistencies, spacing issues, and hierarchy problems.
  • AI-driven Fixes: Applies automated fixes to common design issues.
  • Use Case: When you need to ensure that your website or application's design is consistent and free of visual errors before deployment.

Quick Start

Run the design-review skill to automatically check for design issues in your project.

Frequently Asked Questions about design-review

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

FAQPage Schema
What is automated visual QA and how does it identify design issues in source code?▼

Automated visual QA identifies visual inconsistencies, spacing issues, and hierarchy problems in source code by applying image processing capabilities to analyze the UI and report design errors.

How do I run an automated design review to check for visual inconsistencies before deployment?▼

To run an automated design review, execute the design-review skill on your project. It will analyze the source code, identify visual inconsistencies, and apply automated fixes to common design issues.

Can AI-driven fixes automatically correct spacing and hierarchy problems in web and app development?▼

Yes, AI-driven fixes can automatically correct spacing and hierarchy problems in web and app development by analyzing the source code and applying automated fixes based on visual analysis.

Does automated design review require image processing capabilities for source code analysis?▼

Yes, automated design review requires image processing capabilities to perform source code analysis and accurately identify visual inconsistencies and design issues within the project.

What is the best way to ensure website design is consistent and free of visual errors?▼

The best way to ensure website design consistency is to use an AI design review tool that automates source code analysis, identifies visual inconsistencies, and applies automated fixes before deployment.

Are there limitations to using AI design tools for visual QA in app development?▼

AI design tools for visual QA focus on identifying and fixing common visual inconsistencies and spacing issues in source code, though complex design logic may still require manual review.

Related Skills

Explore More Design & Creative Skills→
parisgroup-aiparisgroup-ai
1

design-critic

Analyze and auto-fix visual design issues in web applications.

Official
Advanced
Shaarav4795Shaarav4795

web-design-reviewer

Inspect websites visually and fix responsive, accessibility, and layout issues in source code.

Community
Intermediate
Jaydpatel01Jaydpatel01

code-quality-and-review

Enforce code correctness, readability, and safety with linters and type checkers.

Community
Advanced
act70255act70255

ui-visual-validator

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

Community
Advanced