apple-design
by emilkowalski12 days ago19.2kApple'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.
Install
Show step-by-stepHide step-by-step
Open your terminal
- Mac: Press β Space, type "Terminal", press Enter
- Windows: Press Win R, type "cmd", press Enter
Paste the command above and press Enter
Use the Copy command button, then paste in your terminal (Mac: βV, Windows: Ctrl V).
Restart Claude Code
Close and reopen Claude Code, or start a new session, so it picks up the new skill.
Where it lives
Comments
"3/ Agents still ship ease-in enter animations. This pack stops that. Emil Kowalski open-sourced four design-engineering skills for coding agents. The main pack..."
"New skill: /apple-design Appleβs WWDC videos are a goldmine of knowledge. Iβve combed through my favorite ones and came up with 17 design and motion..."
Related skills
baoyu-comic
Knowledge comics (η₯θ―ζΌ«η»): educational, biography, tutorial.
comfyui
Generate images, video, and audio with ComfyUI β install, launch, manage nodes/models, run workflows with parameter injection. Uses the official comfy-cli for lifecycle and direct REST/WebSocket API for execution.
hyperframes
Create HTML-based video compositions, animated title cards, social overlays, captioned talking-head videos, audio-reactive visuals, and shader transitions using HyperFrames. HTML is the source of truth for video. Use when the user wants a rendered MP4/WebM from an HTML composition, wants to animate text/logos/charts over media, needs captions synced to audio, wants TTS narration, or wants to convert a website into a video.
p5js
p5.js sketches: gen art, shaders, interactive, 3D.