
apple-design
Apple's approach to interface design and fluid, physical motion
by emilkowalskiFree
Description
apple-design is an agent skill from the emilkowalski/skills collection that translates Apple's approach to interface design and fluid, physical motion for the web. It is for building or reviewing gesture-driven interfaces, spring animations and interruptible motion. The knowledge is drawn from Apple's WWDC design talks, chiefly the session on designing fluid interfaces, and it is adapted to the web platform using CSS, Pointer Events, requestAnimationFrame and spring libraries such as Motion or Framer Motion. The central idea is that an interface feels alive when motion starts from the current on-screen value, inherits the user's velocity, projects momentum forward, and can be grabbed and reversed at any instant. Springs are the tool that makes this natural, because they can be interrupted and respond to velocity. The skill also covers the wider principles behind this: an interface is fluid when it behaves like the physical world, with instant response, continuous movement, momentum, resistance at boundaries and the ability to redirect mid-motion. Typical uses include making a drag gesture feel natural, replacing a fixed-duration transition with a spring that can be interrupted, and reviewing whether a sheet or a list responds to a flick the way a user expects. The skill suits front-end developers who want interface motion that feels physical rather than mechanical. The skill passes Gen Agent Trust Hub, Socket and Snyk on skills.sh, and it has about 213,500 installs. Install it with npx skills add https://github.com/emilkowalski/skills --skill apple-design.…
Highlights
- Fluid, physical motion translated from Apple's WWDC design talks
- Spring animations that can be interrupted and are velocity-aware
- Gesture-driven interface guidance
- Uses CSS, Pointer Events, requestAnimationFrame and spring libraries
Ratings & Reviews
No ratings yet
Be the first to rate apple-design.
People also visit
apple-design FAQ
Where does the knowledge come from?
Apple's WWDC design talks, chiefly Designing Fluid Interfaces from 2018, translated for the web.
Why springs?
They can be interrupted and respond to velocity, so motion can be grabbed and reversed at any moment.
What does it apply to?
Gesture-driven UI, spring animations and interruptible motion on the web.
How do I install it?
Run npx skills add https://github.com/emilkowalski/skills --skill apple-design.
What are the best apple-design alternatives?
Popular alternatives to apple-design include emil-design-eng, animate and animejs. See all apple-design alternatives







