skills.rest
zhu637882-stack
zhu637882-stackCOMMUNITY
Explore all skills by this author →
GitHub

design-review

Detect and fix visual design issues in UI implementations with atomic commits.

1|Updated Apr 6, 2026
Search Tags:#design-review#design-consistency#visual QA#before-after#gstack#UI-polish
One-click install
npx skills add https://github.com/zhu637882-stack/jiaoyi --skill design-review-zhu637882-stack
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-review
Source: https://github.com/zhu637882-stack/jiaoyi/tree/main/qoder-config-backup/skills/gstack-design-review
Command: npx skills add https://github.com/zhu637882-stack/jiaoyi --skill design-review-zhu637882-stack

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Finds visual inconsistencies, spacing issues, and hierarchy problems in UI designs, enabling iterative fixes and verification with before/after visuals.

Core Features & Use Cases

  • Visual QA pass: detect layout and typographic inconsistencies, spacing mistakes, and accessibility polish gaps.
  • Plan/design-review support: used for pre-implementation audits and design polish conversations.
  • Atomic fixes workflow: commit each fix atomically and re-verify with before/after screenshots.

Quick Start

Audit a live design for visual polish and apply atomic fixes, then verify with before/after screenshots.

Frequently Asked Questions about design-review

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

FAQPage Schema
How do I fix visual design inconsistencies in my UI implementation?▼

Visual design inconsistencies are fixed using an automated visual QA process that detects layout, spacing, and typographic issues. The workflow applies atomic fixes to each problem and verifies the results using before/after screenshots.

What is the best way to run a visual QA pass on a live site?▼

A visual QA pass on a live site audits the current UI for hierarchy problems, spacing mistakes, and accessibility gaps. It iteratively commits atomic fixes and re-verifies the visual polish with before and after screenshots.

Can I use design-review for a pre-implementation design audit?▼

Yes, design consistency audits support plan-design-review workflows for pre-implementation checks. You can audit visual designs before coding to catch layout and typographic inconsistencies early in the process.

How does gstack integrate with the UI polish workflow?▼

Gstack integrates with the UI polish workflow by managing commits and checks during the iterative design QA process. Each visual fix is committed atomically through gstack, ensuring strict workflow verification before and after changes.

What types of visual issues can an automated design consistency check detect?▼

An automated design consistency check detects layout misalignments, typographic inconsistencies, spacing mistakes, and accessibility polish gaps. It identifies these visual hierarchy problems to enable targeted, atomic fixes in the UI.

Do I need any specific dependencies to run before and after verification on my UI?▼

No specific dependencies are required to run before and after verification on your UI. The visual QA workflow operates independently to detect visual issues and verify fixes through screenshot comparisons.

Related Skills

Explore More Design & Creative Skills→
kinetaskinetas

design-review

Audit live UI and design systems for visual inconsistencies and spacing issues.

Community
Advanced
kunalrawat425kunalrawat425

design-review

Audit visual design inconsistencies and fix them with atomic commits.

Community
Advanced
TECNBTECNB
2

trellis-check

Run lint, type-check, tests, and cross-layer data-flow validation on code changes.

Community
Advanced
smarmen86smarmen86

design-review

Audit live web interfaces for layout and spacing issues and apply atomic CSS fixes.

Community
Advanced