skills.rest
cropsgg
cropsggCOMMUNITY
Explore all skills by this author →
GitHub

design-review

Audit live UI visual quality and accessibility to produce a structured design-review report.

15|5|Updated May 17, 2026
Search Tags:#accessibility#evidence#ux#design-system#visual-consistency#design-review#ui-audit
One-click install
npx skills add https://github.com/cropsgg/skills --skill design-review-cropsgg
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-review
Source: https://github.com/cropsgg/skills/tree/main/skills/engineering/design-review
Command: npx skills add https://github.com/cropsgg/skills --skill design-review-cropsgg

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Live UI design reviews help teams quickly identify visual inconsistencies, misaligned spacing, and accessibility gaps in web interfaces, with evidence (screenshots and component references) to support findings.

Core Features & Use Cases

  • Evidence-backed visual audit of live interfaces across pages and states
  • Consistency checks against design system tokens (spacing, typography, color)
  • Accessibility verification (contrast, focus order, ARIA patterns) and actionable fixes
  • Output: structured report with locations, issues, severity, and recommendations

Quick Start

Run a live visual audit on the target UI to generate an evidence-backed report with locations, issues, and recommended fixes.

Frequently Asked Questions about design-review

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

FAQPage Schema
What is a live UI design review with evidence-backed findings?▼

A live UI design review audits visual quality and accessibility from deployed interfaces, producing a structured report with documented selectors, screenshots, and recommended fixes aligned to WCAG.

How do I run a visual consistency check against my design system tokens?▼

Run a live visual audit on the target UI to check spacing, typography, and color against design system tokens, generating a structured report with locations, issues, and severity levels.

How does an accessibility audit verify WCAG compliance on live web pages?▼

An accessibility audit verifies contrast, focus order, and ARIA patterns on live interfaces, providing actionable fixes and documented selectors aligned to WCAG guidelines in the output report.

Can I use this design review for pre-release UI changes and marketing pages?▼

Yes, the visual audit applies to pre-release UI changes, design-system conformance checks, and periodic design health passes across both dashboards and marketing pages.

What is the best way to document UI audit findings for developer handoff?▼

Generate a structured design-review report that includes specific UI locations, identified issues, severity rankings, and recommended fixes with evidence like screenshots and selectors for clear developer handoff.

Why does my design review need documented selectors and screenshots?▼

Documented selectors and screenshots enforce evidence-based findings, ensuring that visual inconsistencies and accessibility gaps are traceable and actionable for developers during remediation.

Related Skills

Explore More Design & Creative Skills→
shanehollomanshaneholloman

design-review

Audit UI pages, components, and breakpoints against a design-review checklist.

Community
Advanced
jkhowlandjkhowland

design-review

Audit target sites for visual inconsistencies and propose design fixes.

Community
Advanced
mouayadakelmouayadakel

accessibility-test-generator

Generate accessibility tests for axe-core violations, keyboard navigation, focus traps, and ARIA attributes.

Community
Intermediate
JhabbigJhabbig

wcag-audit-patterns

Audit web interfaces for WCAG 2.2 accessibility violations.

Community
Advanced