A escola da Apple, traduzida

O que ela faz

Cobre o que a Apple faz bem e quase ninguém copia direito: molas interrompíveis, momentum, arraste que responde no meio do caminho, materiais translúcidos com profundidade real, e tipografia com optical sizing e tracking ajustados por tamanho.

Ficha técnica

Descrição original

Apple's approach to interface design and fluid, physical motion, translated for the web. Use when building or reviewing gesture-driven UI, spring animations, drag/swipe/sheet interactions, momentum and interruptible transitions, translucent materials and depth, typography (optical sizing, tracking, leading), reduced-motion, or the design foundations (feedback, spatial consistency, restraint) behind Apple-style interfaces.

Caminho no repo

skills/apple-design/SKILL.md

SKILL.md

283 linhas

Seções

The Core Idea · 1. Response — kill latency · 2. Direct manipulation — 1:1 tracking · 3. Interruptibility — the single most important principle · 4. Behavior over animation — use springs · 5. Velocity handoff — the seam between drag and animation · 6. Momentum projection — animate to where the gesture is *going* · 7. Spatial consistency — symmetric paths, anchored origins · 8. Hint in the direction of the gesture · 9. Rubber-banding — soft boundaries · 10. Gesture design details (the "feel" checklist) · 11. Frame-level smoothness · 12. Materials & depth — translucency conveys hierarchy · 13. Multimodal feedback — motion + sound + haptics

Do mesmo pacote

• animateConstruir movimento
• animate-expoMovimento em React Native
• animation-vocabularyO nome daquilo
• ask-sonnerManual do Sonner
• emil-design-engA filosofia, inteira
• find-animation-opportunitiesOnde falta movimento