ux-interaction-design

Design accessible user interaction flows with WCAG 2.2 AAA compliance.

Updated Dec 10, 2025
One-click install
npx skills add https://github.com/UltraXn/CrystalTidesSMP-Project --skill ux-interaction-design
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ux-interaction-design
Source: https://github.com/UltraXn/CrystalTidesSMP-Project/tree/main/.agent/skills/ux-interaction-design
Command: npx skills add https://github.com/UltraXn/CrystalTidesSMP-Project --skill ux-interaction-design

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill addresses the complexity of designing user interfaces that are not only visually appealing but also highly intuitive, accessible to all users, and provide seamless interaction flows.

Core Features & Use Cases

  • Accessible Design: Ensures adherence to WCAG 2.2 AAA standards for broad usability.
  • Dynamic Loading States: Implements skeleton loading and progressive disclosure for better perceived performance.
  • Interactive Patterns: Provides robust solutions for form validation, focus management, and micro-interactions.
  • Use Case: Design an accessible onboarding flow for a new enterprise application, ensuring keyboard navigation and screen reader compatibility throughout the user journey.

Quick Start

Design an accessible onboarding flow for a new enterprise application, ensuring keyboard navigation and screen reader compatibility throughout the user journey.

Frequently Asked Questions about ux-interaction-design

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

FAQPage Schema
How do I design an accessible onboarding flow that meets WCAG 2.2 AAA standards?

Accessible onboarding flow design requires adherence to WCAG 2.2 AAA standards, implementing keyboard navigation and screen reader compatibility throughout the user journey. Advanced interaction patterns ensure focus management and progressive form validation for broad usability.

What are the best interaction design patterns for complex user journeys and enterprise dashboards?

Interaction design for complex user journeys utilizes progressive disclosure and skeleton loading to enhance perceived performance. Enterprise-grade interaction systems implement contextual micro-interactions and robust form validation patterns to guide users seamlessly.

How do micro-interactions and haptic feedback simulation improve user experience?

Micro-interactions and haptic feedback simulation improve user experience by providing immediate, contextual button press feedback. These dynamic interaction patterns create responsive, intuitive interfaces that confirm user actions and reduce cognitive load.

Can I use this approach to design accessible form validation and focus management patterns?

Yes, designing accessible form validation patterns requires implementing focus management and screen reader compatibility. Progressive form validation provides users with contextual feedback dynamically, ensuring keyboard navigation and accessibility throughout the input process.

When should I implement skeleton loading and progressive disclosure in user flows?

Implement skeleton loading and progressive disclosure in user flows when managing complex data loads or enterprise applications. These techniques improve perceived performance by revealing interface elements gradually, reducing wait-time friction and guiding user attention contextually.