design-review

Automate visual design QA and iterative code fixes for web projects.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill automates visual quality assurance and design refinement, streamlining the process of identifying and fixing issues in web designs before they reach production.

Core Features & Use Cases

  • Automated Visual QA: Identifies inconsistencies, spacing, hierarchy, and AI-generated patterns in web design.
  • Iterative Fixing: Applies fixes atomically, with before/after screenshots for verification.
  • Plan-Mode Review: Offers plan-mode design reviews to ensure alignment before implementation.
  • Use Case: When auditing the design, polishing user interfaces, or needing a robust visual QA tool for a project.

Quick Start

Use the /design-review slash command to initiate a visual QA audit of your web project at https://example.com.

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 QA and design polish for a web project?

Automate visual QA by using visual analysis to identify inconsistencies, spacing, and hierarchy issues in your web design, then apply iterative code fixes atomically. It captures before and after screenshots to verify that visual defects have been rectified.

Can I review web design alignment before starting implementation?

Yes, you can conduct pre-implementation design reviews. The Skill provides a plan-mode review to ensure design alignment and identify AI-generated artifacts before you begin coding.

What do I need to run an automated design review on my website?

You need a browser environment for automated browsing and scripting to run the visual QA process. Once configured, you can initiate an audit using the designated slash command with your project URL.

What is the best way to fix AI-generated visual artifacts in web interfaces?

The best way to fix AI-generated artifacts is through automated visual analysis that detects the patterns, followed by applying atomic code fixes. It iteratively corrects the visual issues and provides screenshots for verification.

Does visual QA work for post-implementation bug fixing?

Yes, visual QA works for post-implementation bug fixing by identifying and rectifying visual issues, spacing, and hierarchy inconsistencies after the design has been built.

What limitations should I expect when automating design quality assurance?

The primary limitation is that automated design quality assurance requires a browser environment to function. Without this environment for automated browsing and scripting, the visual analysis and iterative fixes cannot be executed.