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 skills

Explore Web Animation skills

4 skills

Apple Design

Emil Kowalski

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.

  • ui design
  • interaction design
57KStars3.3KForks
Repository last pushed

Interface Design

Oyindamola Akinleye

Design and refine dashboards, SaaS apps and admin interfaces with deliberate hierarchy, shared tokens, complete states and reusable design memory.

  • interface-design
  • ui-design
  • design-systems
6KStars381Forks
Repository last pushed

Polish frontend interfaces with concrete rules for typography, nested corners, shadows, icons, hit areas and restrained motion, plus structured quick or full reviews.

  • ui-design
  • ux-design
  • interaction-design
4KStars169Forks
Repository last pushed

Design, refine and review native SwiftUI interfaces with adaptive layouts, coherent navigation, interruptible motion and accessibility checks.

  • ui-design
  • ux-design
  • swiftui
0Stars0Forks
Repository last pushed

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