auto-animate
CommunityZero-config UI animations for lists and transitions.
Authorjackspace
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill provides production-tested setup for AutoAnimate, enabling drop-in animations with minimal code.
Core Features & Use Cases
- Zero-config animations for add/remove/reorder
- SSR-safe patterns for Cloudflare Workers/Next.js
- Accessibility: respects prefers-reduced-motion
- Production templates for common UI patterns (lists, accordions, toasts)
Quick Start
Install @formkit/auto-animate, attach the ref to a container, and enjoy automatic transitions without writing animation code.
Dependency Matrix
Required Modules
None requiredComponents
scriptsreferences
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: auto-animate Download link: https://github.com/jackspace/ClaudeSkillz/archive/main.zip#auto-animate Please download this .zip file, extract it, and install it in the .claude/skills/ directory.