Skip to content
A

apple-design

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

by emilkowalskiFree

Launch
#1310in AI Skills
0In stores

Description

apple-design is an agent skill from the emilkowalski/skills collection that translates Apple's approach to interface design and fluid, physi…

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

E

emil-design-eng

Encodes Emil Kowalski's philosophy on UI polish, component design

AI Skills
Launch
A

animate

Strategic animation and micro-interaction enhancement for improved usability

AI Skills
Launch
A

animejs

Anime.js adapter for HyperFrames

AI Skills
Launch
L

lottie

Embed and seek lottie-web

AI Skills
Launch
A

animation-vocabulary

Reverse-lookup glossary that turns a vague description of a web animation or

AI Skills
Launch
M

manim-video

Build reusable Manim explainers for technical concepts, graphs, system diagrams

AI Skills
Launch

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

Developer Stuff

Badges