design-review

Identify and fix visual inconsistencies in design files with source code modifications.

2|Updated Apr 5, 2026
One-click install
npx skills add https://github.com/az9713/paperclip-gstack-company --skill design-review-az9713
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: design-review
Source: https://github.com/az9713/paperclip-gstack-company/tree/main/gstack/design-review
Command: npx skills add https://github.com/az9713/paperclip-gstack-company --skill design-review-az9713

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill helps identify and fix visual inconsistencies, spacing issues, and hierarchy problems in designs, ensuring a polished final product.

Core Features & Use Cases

  • Visual QA: Checks for inconsistencies, slop patterns, and slow interactions.
  • Iterative Fixes: Applies fixes atomically and re-verifies with before/after screenshots.
  • Use Case: Use it when you need a thorough visual audit or design polish before implementation.

Quick Start

Run /design-review to begin the design review process.

Frequently Asked Questions about design-review

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

FAQPage Schema
What is visual QA and how does it fix design inconsistencies?

Visual QA identifies and fixes visual inconsistencies, spacing issues, and hierarchy problems in design files. It applies atomic source code modifications and re-verifies the fixes using before and after comparisons to ensure a polished final product.

How do I perform a design review and polish before implementation?

Run the design review process to check for visual inconsistencies, slop patterns, and slow interactions. It iteratively applies source code fixes and captures before/after screenshots to verify the design polish until all visual issues are resolved.

Can I use code integration to fix spacing and hierarchy problems in my design files?

Yes, design review uses source code modifications to fix spacing and hierarchy problems. It requires Bash, Read, Write, Edit, Glob, Grep, and WebSearch functionalities to apply atomic fixes and verify them with before/after screenshots.

What's the best way to automate visual audits for final design polish?

Use an AI-driven design review process to automate visual audits. It identifies slop patterns and slow interactions, applies iterative atomic fixes to the source code, and validates the final design polish through before and after comparisons.

Do I need specific tools or dependencies to run a visual QA check on my designs?

You need environments supporting Bash, Read, Write, Edit, Glob, Grep, and WebSearch functionalities to run visual QA. No external dependencies are required, as the process uses these built-in tools to modify code and verify fixes.

Why does my design review show remaining visual inconsistencies after fixes?

Visual inconsistencies may remain if fixes are not applied atomically or re-verified. The design review process addresses this by applying iterative source code modifications and validating them with before and after screenshots until issues resolve.