auto-animate

37

| Zero-config animations for React, Vue, Solid, Svelte, Preact with @formkit/auto-animate (3.28kb). Prevents 10+ documented errors: SSR/Next.js imports, conditional parents, missing keys, flexbox width, table display, Jest/esbuild config, CSS position conflicts, Vue/Nuxt registration, Angular ESM. Use when: animating lists/accordions/toasts/forms, troubleshooting SSR animation errors, need accessible animations (auto prefers-reduced-motion), or want drop-in transitions without Motion overhead.

CommandsMarketplace

Third-Party Agent Skill: Review the code before installing. Agent skills execute in your AI assistant's environment and can access your files. Learn more about security

Installation for Agentic Skill

View all platforms →
skilz install jezweb/claude-skills/auto-animate
skilz install jezweb/claude-skills/auto-animate --agent opencode
skilz install jezweb/claude-skills/auto-animate --agent codex
skilz install jezweb/claude-skills/auto-animate --agent gemini

First time? Install Skilz: pip install skilz

Works with 22+ AI coding assistants

Cursor, Aider, Copilot, Windsurf, Qwen, Kimi, and more...

View All Agents
Download Agent Skill ZIP

Extract and copy to ~/.claude/skills/ then restart Claude Desktop

1. Clone the repository:
git clone https://github.com/jezweb/claude-skills
2. Copy the agent skill directory:
cp -r claude-skills/skills/auto-animate ~/.claude/skills/

Need detailed installation help? Check our platform-specific guides:

Related Agentic Skills

Agentic Skill Details

Repository
claude-skills
Type
Non-Technical
Meta-Domain
general
Primary Domain
general
Sub-Domain
javascript react code
Market Score
37

Report Security Issue

Found a security vulnerability in this agent skill?