skills.rest
mpetito
mpetitoCOMMUNITY
Explore all skills by this author →
GitHub

design-review-standards

Analyze web UI/UX designs for visual consistency, accessibility, and responsive layouts.

Updated Dec 5, 2025
Search Tags:#accessibility#responsive design#style guide#ui review#design audit#ux standards
One-click install
npx skills add https://github.com/mpetito/prompts --skill design-review-standards
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-review-standards
Source: https://github.com/mpetito/prompts/tree/main/skills/design-review-standards
Command: npx skills add https://github.com/mpetito/prompts --skill design-review-standards

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill streamlines the process of conducting thorough design and UI/UX reviews, ensuring consistency and high quality across web applications.

Core Features & Use Cases

  • Design Audits: Evaluate typography, color schemes, spacing, and component consistency.
  • Accessibility Checks: Verify WCAG AA compliance and assist in improving inclusivity.
  • Standardization: Establish and enforce design standards for branding and responsiveness.
  • Use Case: Audit a new company's website to verify adherence to branding guidelines, accessibility standards, and responsive layout.

Quick Start

Use the design-review-standards skill to evaluate the homepage for responsive layout and accessibility best practices.

Frequently Asked Questions about design-review-standards

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

FAQPage Schema
How do I conduct a UI/UX design audit for a web application?▼

A UI/UX design audit evaluates typography, color schemes, spacing, and component consistency. It verifies adherence to design tokens, accessibility standards like WCAG AA, and responsive layout requirements to ensure comprehensive web application quality.

What is included in a WCAG AA accessibility check for web design?▼

A WCAG AA accessibility check verifies inclusivity by evaluating UI components against standard accessibility criteria. It ensures visual consistency, responsive layouts, and interactive elements comply with required design standards for usability.

How do I enforce style guide standards and design tokens across UI components?▼

Enforcing style guide standards requires auditing UI components to verify they follow established design tokens. This ensures visual consistency, proper responsive design implementation, and adherence to branding guidelines across the web application.

Can I use a design review process to verify responsive design and branding compliance?▼

Yes, a design review verifies responsive design and branding compliance by auditing the web application layout. It checks if components follow design tokens, maintain visual consistency, and meet accessibility standards across different screen sizes.

What's the best way to evaluate visual consistency in a web design review?▼

The best way to evaluate visual consistency is auditing typography, color schemes, and spacing against a style guide. This ensures all UI components follow standardized design tokens and maintain uniform branding throughout the web application.

Related Skills

Explore More Design & Creative Skills→
GeargrindadminGeargrindadmin

eval-ui-ux

Evaluate UI/UX for design system adherence, visual consistency, and accessibility.

Community
Advanced
cxnaivecxnaive

design-md

Manage Google DESIGN.md token specifications for design system documentation.

Community
Intermediate
jpicklykjpicklyk
200

Frontend Implementation

Guide frontend component implementation with validation, styling, and accessibility checks.

Community
Advanced
distribucionesfayosmoreno-sysdistribucionesfayosmoreno-sys

ui-visual-validator

Validate UI modifications for visual regression, compliance, and accessibility.

Community
Advanced