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.
Web Animation Skills for Claude Code, Codex & AI Agents
These skills help an agent add motion to websites and web apps. Most come from the official GSAP skills pack; a few cover interaction polish more generally.
21 skillsExplore Web Animation skills
4 skillsDesign and refine dashboards, SaaS apps and admin interfaces with deliberate hierarchy, shared tokens, complete states and reusable design memory.
Polish frontend interfaces with concrete rules for typography, nested corners, shadows, icons, hit areas and restrained motion, plus structured quick or full reviews.
Design, refine and review native SwiftUI interfaces with adaptive layouts, coherent navigation, interruptible motion and accessibility checks.
Related topics
How to choose Web Animation skills
Pick the GSAP skill for the job (core tweens, timelines, ScrollTrigger, React integration or performance); use the interaction-polish skills when motion should make an interface feel better rather than impress.
- Add scroll-triggered animations to a landing page
- Build a GSAP timeline inside a React component
- Fix janky animations that drop frames