What problem does it solve? Interactive web surfaces often ship with dead-feeling taps, instant-unmounting dialogs, mismatched animation libraries, and missing reduced-motion support. This Skill enforces a consistent quality bar for press feedback, overlay dismiss lifecycles, motion feel, and pickers before any UI ships. ## Core Features & Use Cases - Interaction quality bar: Defines required behaviors for press feedback, focus-visible rings, overlay exit animations, and prefers-reduced-motion handling. - Library decision matrix: Provides a situation-to-tool matrix covering CSS transitions, Framer Motion, GSAP, View Transitions, Radix, Vaul, Embla, and dnd-kit, with a strict one-library-per-concern rule. - Viewport-routed references: Routes tasks to shared, mobile, or desktop reference docs covering sheets, wheel pickers, tab indicators, edge stagger, and generative Web Audio sound. - Use Case: When adding a mobile bottom sheet with drag dismiss and a wheel date picker, load the overlay-patterns and pickers-and-scrollers references to implement portal placement, a shared exit animation across all dismiss paths, and snap-wheel selection. ## Quick Start Ask the agent to add a bottom sheet with proper dismiss animation and press feedback to a React component using the ankyr-ux guidance.
