app-ux-paradigms

What problem does it solve?

Inconsistent web app user experiences—such as missing keyboard shortcuts, unpredictable modal close behaviors, and poor accessibility—frustrate users, increase support requests, and make tools feel unpolished. This Skill eliminates that friction by providing standardized, widely accepted UX patterns for common interface elements.

Core Features & Use Cases

• Cross-Platform Keyboard Shortcuts: Implements consistent hotkeys (Esc for closing overlays, ⌘/Ctrl+Enter for form submission, global toggles) with proper tooltip and help documentation for both Mac and Windows/Linux users.
• Predictable Overlay & Modal Behavior: Ensures all modals, drawers, popovers, and context menus follow the same close rules (Esc, backdrop click, × button) and proper focus management for seamless interaction.
• Accessible Form & List Interactions: Includes inline validation, error messaging, multi-select, empty states, and role-gated UI to meet baseline accessibility standards for admin tools and public-facing applications.
• Use Case: Ideal for building internal admin dashboards, conference management platforms, or any web app where users expect desktop-app-like interaction consistency and polish.

Quick Start

Use the app-ux-paradigms skill to implement Esc-to-close modals, cross-platform keyboard shortcuts, and accessible form validation for your new React admin dashboard.