What problem does it solve? Web interfaces often feel stiff and disconnected because animations are pre-scripted, gestures lack momentum, and motion cannot be interrupted mid-flight. This Skill translates Apple's WWDC design principles into concrete web techniques so interfaces respond instantly, track gestures 1:1, and animate with physical realism. ## Core Features & Use Cases - Spring-Based Motion: Replace fixed-duration CSS transitions with interruptible, velocity-aware springs using damping ratio and response parameters, mapped to Motion/Framer Motion APIs. - Gesture Engineering: Implement pointer capture, velocity handoff, momentum projection, rubber-banding, and hysteresis for drags, swipes, sheets, and flicks. - Materials, Typography & Accessibility: Build translucent layers with backdrop-filter, apply size-specific tracking and leading, and honor prefers-reduced-motion and prefers-reduced-transparency. - Use Case: When building a bottom sheet that users can drag, flick, and re-grab mid-animation, use this Skill to project the flick's landing point, hand off release velocity to the spring, and rubber-band at the boundaries. ## Quick Start Use the apple-design skill to review my drag-to-dismiss modal and make its motion interruptible with proper velocity handoff.
