skills.rest
billydeeii136
billydeeii136COMMUNITY
Explore all skills by this author →
WebsiteGitHub

design-review

Identify and resolve visual inconsistencies and spacing issues in source code.

Updated Jul 7, 2026
Search Tags:#code quality#design consistency#design audit#issue resolution#visual QA
One-click install
npx skills add https://github.com/billydeeii136/black-opps-gstack --skill design-review-billydeeii136
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-review
Source: https://github.com/billydeeii136/black-opps-gstack/tree/main/design-review
Command: npx skills add https://github.com/billydeeii136/black-opps-gstack --skill design-review-billydeeii136

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

This Skill streamlines the process of finding and fixing visual inconsistencies, spacing issues, and other design problems in source code.

Core Features & Use Cases

  • Visual QA: Identifies and reports visual issues such as inconsistent hierarchy, spacing problems, and AI-generated errors.
  • Issue Resolution: Recommends and applies fixes to resolve detected issues.
  • Use Case: When you need to ensure that your product's design is consistent and free of visual flaws, use the design-review skill to conduct a thorough visual audit.

Quick Start

Invoke the design-review skill to perform a visual audit on your current codebase.

Frequently Asked Questions about design-review

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

FAQPage Schema
How do I perform a visual QA audit to find design inconsistencies in my source code?▼

Visual QA audits identify and report design inconsistencies like spacing problems and hierarchy issues directly within source code. The design-review process scans the codebase to detect these visual flaws and recommends specific fixes to resolve them.

What is the best way to fix AI-generated visual errors and spacing issues in my codebase?▼

Fixing AI-generated visual errors requires identifying spacing problems and applying targeted code corrections. This process analyzes the source code to resolve detected inconsistencies, ensuring the product's design remains consistent and free of flaws.

Can I run a design audit to check visual hierarchy and spacing without a live preview?▼

A design audit can check visual hierarchy and spacing by analyzing the source code directly rather than relying on a live preview. It evaluates the codebase structure to find and resolve visual inconsistencies and AI-generated errors.

Does design review work with any codebase or do I need specific environment setup?▼

Design review operates on your current codebase using standard file manipulation and search tools. It requires access to read, edit, and search files to successfully find and apply fixes for visual inconsistencies.

When should I use an automated design audit instead of manual visual inspection?▼

An automated design audit is used when you need to ensure product design consistency efficiently. It streamlines the process of finding visual flaws and AI-generated errors in source code, serving as a thorough alternative to manual visual inspection.

Why does my UI have inconsistent hierarchy and spacing after AI code generation?▼

Inconsistent hierarchy and spacing often occur because AI-generated code introduces subtle visual errors. A design QA process identifies these specific issues in the source code and recommends fixes to restore visual consistency.

Related Skills

Explore More Software Engineering Skills→
rupertsworldrupertsworld
1

code-init

Analyze unfamiliar codebases by reading docs, mapping structure, and summarizing architecture.

Community
Intermediate
kk20300113-pngkk20300113-png

design-review

Detect and fix visual design inconsistencies in web interfaces with atomic commits.

Community
Advanced
lehuuhau1231lehuuhau1231

lint-and-validate

Run linting and type checking across multiple programming ecosystems.

Community
Intermediate
gvkhoslagvkhosla
49

design-implementation-reviewer

Compare live UI implementations against Figma designs and report discrepancies.

Community
Intermediate