skills.rest
WillNigri
WillNigriCOMMUNITY
Explore all skills by this author →
𝕏@willnigriGitHub

design-review

Audits UI designs for inconsistencies and generates visual QA reports.

33|6|Updated Mar 17, 2026
Search Tags:#typography#design-system#design-review#color-contrast#ui-audit#visualQA
One-click install
npx skills add https://github.com/WillNigri/Agentic-Tool-Optimization --skill design-review-willnigri
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-review
Source: https://github.com/WillNigri/Agentic-Tool-Optimization/tree/main/.claude/skills/design-review
Command: npx skills add https://github.com/WillNigri/Agentic-Tool-Optimization --skill design-review-willnigri

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Visual QA for UI is time-consuming and error-prone. This Skill automates meticulous design audits to identify visual inconsistencies, spacing issues, hierarchy gaps, and clashing interactions, then guides fixes and verification with before/after screenshots.

Core Features & Use Cases

  • Automated visual QA: detects typography, color, spacing, and layout issues across screens.
  • Plan-mode design reviews: supports pre-implementation audits and proposed fixes before coding.
  • Iterative fixes with verification: suggests concrete changes and re-checks the design after each iteration with before/after comparisons.

Quick Start

Use the design-review Skill to run an initial audit on your UI and generate a visual audit report.

Frequently Asked Questions about design-review

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

FAQPage Schema
How do I automate visual QA to detect UI inconsistencies in a web app?▼

Automate visual QA by auditing your web app to detect UI inconsistencies across typography, color contrast, and spacing. The process analyzes screens to identify layout problems and interaction cue clashes, then generates an actionable report.

What is a design system audit and how does it diagnose layout and typography issues?▼

A design system audit evaluates your UI to diagnose layout and typography issues by checking visual hierarchy and color usage. It inspects screens against design rules to spot spacing inconsistencies and generates before and after verification reports.

Can I run a plan-mode design review to propose UI fixes before implementation?▼

Yes, you can run a plan-mode design review to audit your UI and propose concrete fixes before writing code. This pre-implementation audit evaluates visual hierarchy and interaction cues to guide development decisions.

Does automated UI auditing work for dashboards and complex design systems?▼

Automated UI auditing applies directly to web apps, dashboards, and design systems to diagnose layouts and typography. It supports end-to-end design auditing across complex screens to identify visual inconsistencies at scale.

How do I verify UI spacing and color contrast fixes with before and after comparisons?▼

Verify UI fixes by running iterative audits that re-check spacing and color contrast after each change. The process generates before and after screenshots to confirm visual inconsistencies are resolved in the updated design.

Related Skills

Explore More Design & Creative Skills→
JansenAnalyticsJansenAnalytics
5

website-screenshot

Capture headless web page screenshots with Playwright Core and output the image path.

Community
Intermediate
ComputerConnectionComputerConnection

design-review

Audit live sites for visual inconsistencies and fix them with atomic commits.

Community
Advanced
zhu637882-stackzhu637882-stack

design-review

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

Community
Intermediate
pbakauspbakaus
57.3k

bolder

Guide design audits and redesigns to amplify visual impact with typography, color, spacing, and motion.

Community
Intermediate