One-click install
npx skills add https://github.com/Kushal9889/claude-plugins --skill design-review-kushal9889
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: design-review
Source: https://github.com/Kushal9889/claude-plugins/tree/main/gstack/skills/design-review
Command: npx skills add https://github.com/Kushal9889/claude-plugins --skill design-review-kushal9889

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 design issues in source code, streamlining the QA process for designers.

Core Features & Use Cases

  • Visual Consistency Check: Identifies visual inconsistencies in design.
  • Spacing and Hierarchy Issues: Detects spacing issues and hierarchy problems.
  • AI Slop Patterns: Identifies patterns that could indicate AI-generated slop.
  • Slow Interactions: Identifies slow interactions that may affect user experience.
  • Automated Fixes: Applies automated fixes to identified issues.
  • Use Case: Use this Skill to ensure that a new feature in a web application has a consistent and polished design before it goes live.

Quick Start

Run the design-review skill to automatically audit the design and fix any issues found.

Frequently Asked Questions about design-review

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

FAQPage Schema
How do I automate design QA and fix visual consistency issues in source code?

Automate design QA by running an audit that identifies visual consistency, spacing, and hierarchy issues directly in source code, then applies automated fixes to resolve the detected problems.

How do I identify and remove AI slop patterns from my UI code?

Identify AI slop patterns by scanning source code to detect generated design inconsistencies, then apply automated fixes to clean up the visual hierarchy and spacing problems.

Can I fix spacing and hierarchy problems in web application code automatically?

Fix spacing and hierarchy problems automatically by running an audit that detects structural design issues in web application source code and applies targeted corrections.

Does design review work with Bash, Read, Write, and Edit tools to patch slow interactions?

Design review works with Bash, Read, Write, and Edit tools to locate slow interactions and spacing issues in source code, then automatically patches the identified files.

What is the best way to check a new feature for visual consistency before it goes live?

Check a new feature for visual consistency before it goes live by running an automated design QA process that audits source code for spacing, hierarchy, and interaction issues.

When should I not use automated design QA for spacing and hierarchy issues?

Avoid automated design QA when source code is inaccessible or when human design judgment is required for complex visual consistency decisions that automated fixes cannot evaluate.