Animation Patterns
Adding motion, CSS/JS transitions, scroll-triggered effects, micro-interactions, page load choreography, or any dynamic visual behavior to a frontend. Use this skill whenever the user mentions animations, transitions, scroll effects, parallax, hover states, loading sequences, or "make it feel alive." Always check toolkits/css/animations/ and toolkits/js/ and moodboard/animations/ first.
Works with: Claude Code (native) · Cursor, Codex CLI (manual)
native: this artifact type is that client's own format
Category: Design — see all ranked ›
Install (Claude Code):
cp -r animation-patterns ~/.claude/skills/- Adoption: 1 repos
Security audit
Not scanned yet. We audit npm-published capabilities for known advisories, install-time scripts and permission surface; this one has no npm package we can resolve, or has not reached the queue.
source ↗ · skill:smartrickpicks/animation-patterns
Already running this? npx tashan-cli doctor checks your whole config against the Index — how it works ›
Measured 2026-08-05 · scorer s5 · how · something wrong here?