skills.rest
Ignacio-nube
Ignacio-nubeCOMMUNITY
Explore all skills by this author →
GitHub

ui-ux-expert

Guide UI/UX design with WCAG 2.2 accessibility and responsive patterns.

Updated Mar 13, 2026
Search Tags:#ui#accessibility#responsive design#design systems#wcag#ux
One-click install
npx skills add https://github.com/Ignacio-nube/autos --skill ui-ux-expert-ignacio-nube
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-expert
Source: https://github.com/Ignacio-nube/autos/tree/main/.crush/skills/ui-ux-expert
Command: npx skills add https://github.com/Ignacio-nube/autos --skill ui-ux-expert-ignacio-nube

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill addresses the challenge of creating intuitive, accessible, and visually appealing user interfaces that meet modern design standards and user expectations.

Core Features & Use Cases

  • User-Centered Design: Guides the creation of interfaces based on user research, personas, and usability testing.
  • Accessibility Compliance: Ensures designs meet WCAG 2.2 AA/AAA standards, including keyboard navigation, color contrast, and screen reader compatibility.
  • Design System Implementation: Provides guidance on creating and adhering to design tokens, component libraries, and responsive patterns.
  • Use Case: A product team needs to design a new user onboarding flow. This Skill can provide best practices for layout, form design, and accessibility to ensure a smooth and inclusive experience.

Quick Start

Design a mobile-first, accessible button component with clear focus states and sufficient touch target size.

Frequently Asked Questions about ui-ux-expert

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

FAQPage Schema
How do I design an accessible form that meets WCAG 2.2 standards?▼

Design accessible forms meeting WCAG 2.2 standards by ensuring keyboard navigation, sufficient color contrast, and screen reader compatibility. This Skill provides detailed patterns for forms, data display, and onboarding flow layout.

What is the best way to create a responsive design system for mobile and web applications?▼

Create a responsive design system by defining design tokens and component libraries based on user-centered methodologies. This ensures visually consistent, usable interfaces across web and mobile platforms.

How does user-centered design improve an onboarding flow?▼

User-centered design improves an onboarding flow by applying user research, personas, and usability testing to layout and form design. This ensures a smooth, inclusive experience that meets modern design standards and user expectations.

Can I use this approach to ensure keyboard navigation and screen reader compatibility?▼

Yes, you can ensure keyboard navigation and screen reader compatibility by applying WCAG 2.2 AA/AAA best practices and testing procedures. This approach includes detailed accessibility compliance patterns for inclusive component design.

Does this guidance cover mobile-first button component design?▼

Yes, this guidance covers mobile-first button component design by providing best practices for clear focus states and sufficient touch target size. It facilitates the creation of usable, inclusive interfaces for mobile applications.

Related Skills

Explore More Design & Creative Skills→
efekrbasefekrbas
41

ui-ux-designer

Produce UI and UX guidance for interface design, wireframing, and accessibility decisions.

Community
Advanced
ConnectiveTCSConnectiveTCS

ui-ux-expert

Guide accessible, responsive UI/UX design with WCAG 2.2 compliance.

Community
Advanced
calcosmiccalcosmic
9

accessibility

Audit frontend components for WCAG 2.2 AA accessibility compliance.

Community
Advanced
oborchersoborchers
28

accessibility-inclusive-design

Guide WCAG 2.2 AA compliance with color contrast and keyboard operability checks.

Community
Intermediate