skills.rest
arvindbattula
arvindbattulaCOMMUNITY
Explore all skills by this author →
GitHub

design-review

Audit UI design quality and generate a P0-P3 scored report.

Updated Mar 18, 2026
Search Tags:#design#theming#performance#anti-patterns#accessibility#audit#responsive
One-click install
npx skills add https://github.com/arvindbattula/my-agent-config --skill design-review-arvindbattula
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-review
Source: https://github.com/arvindbattula/my-agent-config/tree/main/skills/design-review
Command: npx skills add https://github.com/arvindbattula/my-agent-config --skill design-review-arvindbattula

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Design teams struggle to quantify UI quality across accessibility, performance, theming, and responsive behavior, making it hard to communicate risks to stakeholders. The design-review skill provides a structured, scored audit that surfaces critical issues and standardizes how design quality is reported.

Core Features & Use Cases

  • Systematic checks across Accessibility, Performance, Theming, Responsive Design, and Anti-Patterns.
  • Generates a P0-P3 severity-rated report that stakeholders can act on.
  • Use during design reviews, pre-shipment checks, or design-system validation to guide improvements.

Quick Start

Run a full design-quality audit for the target UI area and output a scored report detailing findings and severities.

Frequently Asked Questions about design-review

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

FAQPage Schema
How do I audit UI design quality for accessibility and performance issues?▼

You can run a comprehensive UI design audit by evaluating WCAG conformance, performance budgets, theming consistency, responsive behavior, and anti-patterns. The audit systematically surfaces design quality issues and generates a scored report with P0-P3 severities for stakeholder action.

What is a P0-P3 severity rating in a design review report?▼

A P0-P3 severity rating classifies identified UI quality issues by criticality, from most to least urgent. This system standardizes how design risks are communicated to stakeholders, enabling them to prioritize fixes for accessibility, performance, theming, and responsive design defects.

How do I check WCAG conformance during a pre-release UI audit?▼

Check WCAG conformance during a pre-release UI audit by applying systematic accessibility checks to your UI components or pages. The process evaluates conformance levels and outputs a scored report highlighting critical issues to resolve before shipment.

Can I validate design-system theming consistency and responsive behavior with an automated health check?▼

Yes, you can validate design-system theming consistency and responsive behavior by running a targeted health check. The audit evaluates your UI features against theming standards and responsive requirements, surfacing anti-patterns in a structured, actionable report.

When do I need to run a scored UI design quality audit?▼

Run a scored UI design quality audit during design reviews, pre-shipment checks, or design-system validation. It quantifies UI quality across accessibility, performance, theming, and responsive behavior, making it easier to communicate risks to stakeholders.

Related Skills

Explore More Design & Creative Skills→
SL-A-SHSL-A-SH

audit

Audit web interfaces for accessibility, performance, theming, and responsive defects.

Community
Advanced
jatwell93jatwell93

audit

Audit frontend codebases for accessibility, performance, theming, and responsive design issues.

Community
Advanced
elophantoelophanto
116

ui-design

Create scalable UI design systems with tokens, components, and accessibility.

Community
Advanced
kay6198835kay6198835

perf-profile

Profile CPU, memory, rendering, and I/O targets to generate a prioritized optimization report.

Community
Advanced