skills.rest
Rikinshah787
Rikinshah787COMMUNITY
Explore all skills by this author →
WebsiteGitHub

ux-guru

Audit UI/UX designs for WCAG 2.1 AA accessibility compliance.

5|Updated Feb 4, 2026
Search Tags:#design#ui#accessibility#wcag#responsive#ux
One-click install
npx skills add https://github.com/Rikinshah787/clawarmy --skill ux-guru
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ux-guru
Source: https://github.com/Rikinshah787/clawarmy/tree/main/.cursor/skills/ux-guru
Command: npx skills add https://github.com/Rikinshah787/clawarmy --skill ux-guru

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill addresses the challenge of creating user interfaces that are not only aesthetically pleasing but also highly usable, accessible to all users, and adhere to modern design principles.

Core Features & Use Cases

  • Accessibility Audits: Ensures compliance with WCAG 2.1 AA standards.
  • Visual Hierarchy Optimization: Guides the user's eye effectively through content.
  • Responsive Design: Adapts interfaces seamlessly across various devices and screen sizes.
  • Micro-interaction Design: Enhances user experience through subtle feedback and animations.
  • Use Case: Review a website's design to identify and fix accessibility issues, improve navigation clarity, and ensure a consistent experience on both desktop and mobile.

Quick Start

Use the ux-guru skill to audit the accessibility of the provided webpage design mockups.

Frequently Asked Questions about ux-guru

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

FAQPage Schema
How do I check if my UI design meets WCAG 2.1 AA accessibility standards?▼

To check WCAG 2.1 AA accessibility, audit your UI design using detailed checklists that verify color contrast ratios, ARIA implementation, and touch target sizes for inclusive interfaces.

What is the best way to improve visual hierarchy in a website mockup?▼

Improving visual hierarchy requires applying UX design principles that guide the user's eye effectively through content, ensuring navigation clarity and consistent experience across desktop and mobile.

How do I implement responsive design principles for various screen sizes?▼

Implement responsive design by applying UX guidelines that adapt interfaces seamlessly across various devices and screen sizes, ensuring a consistent experience for both desktop and mobile users.

Can I use this approach to design micro-interactions and subtle animations?▼

Yes, you can design micro-interactions by following best practices that enhance user experience through subtle feedback and animations, improving overall interface usability.

What do I need to start a UX review workflow for webpage design mockups?▼

To start a UX review workflow, provide webpage design mockups as input to evaluate accessibility issues, visual hierarchy, and responsive behavior against modern UI design principles.

Does this method support building a complete UI design system?▼

Yes, this method supports design system development by providing expert guidance on UI design, visual hierarchy, and accessibility standards to ensure consistent, inclusive interface creation.

Related Skills

Explore More Design & Creative Skills→
zm2231zm2231

prototype-review

Review prototypes, wireframes, and mockups for usability, accessibility, and design consistency.

Community
Advanced
brainbrewlabsbrainbrewlabs
7

ui-design

Generate UI component specifications and WCAG 2.1 AA accessibility audits.

Official
Intermediate
tyronerosstyroneross
1

native-testing

Scan native Apple UI components via accessibility APIs for compliance violations.

Community
Advanced
solrac97grsolrac97gr
2

review-a11y

Review React components against WCAG 2.1 Level AA with jest-axe.

Community
Advanced