design-review

Automate visual design audits and fixes in source code.

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

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 visual inconsistencies, spacing issues, hierarchy problems, AI slop patterns, and slow interactions in designs.

Core Features & Use Cases

  • Visual Design Audit: Identifies issues like visual inconsistencies, spacing problems, and hierarchy errors.
  • Automated Fixes: Applies fixes to the identified issues, enhancing design quality.
  • Use Case: When a designer needs to audit a design for potential issues before implementation or during the polish stage.

Quick Start

Run the design-review skill to automatically audit and fix 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
How do I automate finding and fixing visual design issues in source code?

You can automate finding and fixing visual design issues in source code by running a design QA skill that identifies inconsistencies, spacing problems, and hierarchy errors, then applies automated fixes directly to the files.

What is design QA and when do I need to audit UI spacing and hierarchy?

Design QA is the process of auditing user interfaces for visual inconsistencies, spacing errors, and hierarchy problems. You need it before implementation or during the polish stage to detect and resolve slow interactions and visual defects.

Can I use Bash and Grep to detect visual inconsistencies and AI slop patterns?

Yes, you can use Bash, Grep, Glob, and Read tools to scan source code for visual inconsistencies and AI slop patterns. The design review process leverages these dependencies to locate and correct hierarchy and spacing issues.

What is the best way to verify automated design fixes in a project?

The best way to verify automated design fixes is by using deterministic task execution with re-verification. This approach captures before and after screenshots to ensure the visual hierarchy and spacing corrections are properly applied.

Does automated design review work for plan-mode design audits?

Yes, automated design review handles plan-mode design audits. It uses deterministic task execution to review visual design, identify issues like AI slop patterns, and apply fixes during the design polish workflow.