Self-hosted alternatives to apple-design

A

apple-design

Apple's approach to interface design and fluid, physical motion

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.