skills.rest
imaimai17468
imaimai17468COMMUNITY
Explore all skills by this author →
Website𝕏@imaimai17468GitHub

ui-design-guidelines

A structured guide to UI/UX design reviews and audits for accessibility and performance-critical issues.

Updated Dec 23, 2025
Search Tags:#performance#accessibility#ui-design#responsive-design#design-checklist#ux-audit#visual-verification
One-click install
npx skills add https://github.com/imaimai17468/custom-asmr --skill ui-design-guidelines-imaimai17468
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-design-guidelines
Source: https://github.com/imaimai17468/custom-asmr/tree/main/.claude/skills/ui-design-guidelines
Command: npx skills add https://github.com/imaimai17468/custom-asmr --skill ui-design-guidelines-imaimai17468

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

AI often misses critical UI/UX verification steps during design reviews. This guide provides concrete checks to ensure accessibility, performance, and semantic structure.

Core Features & Use Cases

  • Comprehensive accessibility verifications: color contrast, keyboard navigation, semantic HTML
  • Performance and responsive checks across breakpoints
  • Design audit scenarios for web and mobile interfaces to guide reviews and remediation

Quick Start

Run a UI design review against the checklist for an existing interface to surface critical accessibility and performance gaps.

Frequently Asked Questions about ui-design-guidelines

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

FAQPage Schema
What UI design verification steps does AI typically miss during a design review?▼

UI design reviews often miss accessibility checks like color contrast, keyboard navigation, ARIA attributes, and semantic HTML structure. Performance bottlenecks, responsive breakpoints, touch target sizing, and animation constraints are also frequently overlooked without a checklist-driven verification process.

How do I audit a web interface for accessibility and responsive design gaps?▼

Audit web interfaces by applying a checklist-driven process to verify color contrast, keyboard navigation, ARIA attributes, and semantic HTML. Test across responsive breakpoints to ensure performance and structural compliance for both web and mobile interfaces.

Can I use a checklist-driven UI audit for mobile interfaces as well as web?▼

Yes, a checklist-driven UI audit applies to both web and mobile interfaces. It enforces verification of accessibility standards, touch target sizing, responsive behavior, and performance constraints across different platforms and breakpoints.

What is the best way to run a UX audit on an existing interface prototype?▼

The best way to run a UX audit is to review the existing interface against a comprehensive checklist covering contrast, semantic structure, ARIA attributes, touch targets, and animation constraints. This surfaces critical accessibility and performance gaps for remediation.

Why does my AI design review miss critical accessibility and performance issues?▼

AI design reviews miss critical issues because they lack a structured verification process for accessibility and performance. Without enforcing checks for contrast, ARIA, semantic HTML, and responsive breakpoints, AI often skips the concrete steps needed to surface these gaps.

Related Skills

Explore More Design & Creative Skills→
adrianliechtiadrianliechti
4

accessibility-review

Audit designs and pages for WCAG 2.1 AA accessibility compliance.

Community
Intermediate
SAPSAP
294

a11y-audit

Audit UI components for WCAG AA accessibility compliance.

Official
Advanced
dgk-devdgk-dev
52

fd

Enforce design-system constraints and UI polish in AI-assisted frontend workflows.

Community
Advanced
leboncoinleboncoin
92

check-accessibility

Automate WCAG 2.1 AA accessibility testing of Spark UI components with Playwright.

Official
Intermediate