design-review

Detect and fix visual inconsistencies and performance issues in design projects.

Updated Mar 16, 2026
One-click install
npx skills add https://github.com/DaviRain-Su/sui-zig-rpc-client --skill design-review-davirain-su
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: design-review
Source: https://github.com/DaviRain-Su/sui-zig-rpc-client/tree/main/.agents/skills/gstack-design-review
Command: npx skills add https://github.com/DaviRain-Su/sui-zig-rpc-client --skill design-review-davirain-su

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill provides an AI-powered tool to identify and correct visual inconsistencies, spacing issues, and performance bottlenecks in design projects, streamlining the QA process and improving the overall quality of design outputs.

Core Features & Use Cases

  • Visual QA: Detects problems like visual inconsistencies, spacing issues, and performance bottlenecks.
  • Iterative Fixing: Automatically applies fixes to issues found, with atomic commits and before/after screenshots for verification.
  • Use Case: Ideal for use in design reviews, where it can quickly identify and address issues that would otherwise require manual inspection and correction.

Quick Start

Run the 'design-review' skill to automatically review and fix visual issues in your design project.

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 fix UI inconsistencies in my project?

Automating visual QA involves scanning your design files and codebase to detect visual inconsistencies, spacing issues, and performance bottlenecks. The process iteratively applies fixes and uses before/after screenshots to verify design quality.

What is the best way to identify and resolve performance bottlenecks during a design review?

A design review identifies performance bottlenecks by analyzing UI elements within your project. It automatically applies fixes to the discovered issues and commits the changes atomically to ensure performance standards are met.

Do I need access to the codebase and design files to run automated UI fixes?

Yes, you need access to the project's codebase and design files to run automated UI fixes. This access allows the iterative fixing process to accurately detect visual inconsistencies and apply corrections directly to the project.

How does iterative fixing work for visual inconsistencies and spacing issues?

Iterative fixing automatically applies corrections to detected spacing issues and visual inconsistencies. It generates atomic commits for each applied fix and provides before/after screenshots to verify the UI updates.

Can I use gstack to address performance optimization and visual issues in design projects?

Yes, you can use gstack to support performance optimization and visual QA in design projects. The framework facilitates the automated review process to identify and correct UI performance issues and visual inconsistencies.

Why are my UI fixes not resolving visual inconsistencies during manual design QA?

Manual design QA often misses complex visual inconsistencies and spacing issues. Automating the QA process ensures iterative fixing of UI elements, verifiably resolving design quality and performance problems that manual inspection overlooks.