Skillzwave

auto-animate

99 stars 14 forks Updated Dec 24, 2025
68.6

| 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.

Commands Marketplace
#Cloudflare Workers#SSR#echo#SSR errors#Motion
Also in: github

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

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 14 AI coding assistants

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

View All Agents
Download 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 skill directory:
cp -r claude-skills/skills/auto-animate ~/.claude/skills/

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

Related Skills

Details

Owner
jezweb
Repository
claude-skills
Stars
99
Forks
14
Type
Technical
Meta-Domain
development
Primary Domain
javascript
Sub-Domain
react code
Skill Size
85.5 KB
Files
17
Quality Score
68.6

AI-Detected Topics

Extracted using NLP analysis

Cloudflare Workers SSR echo SSR errors Motion

Report Security Issue

Found a security vulnerability in this skill?