Communityv0.1.0

Auto Animate

Zero-config animations for React, Vue, Solid, Svelte, Preact with @formkit/auto-animate (3.28kb). Prevents 15 documented errors including React 19 StrictMode bugs, SSR imports, conditional parents, viewport issues, drag & drop conflicts, and CSS transform bugs. Use when: animating lists/accordions/toasts, troubleshooting SSR animation errors, React 19 StrictMode issues, or need accessible drop-in transitions with auto prefers-reduced-motion.

2.1kdownloads1stars4active installsVeera
View on ClawHubBack to Skills

Skill Details

Slug
auto-animate
Latest Version
0.1.0
Author
Veera
Published
Jan 31, 2026
Updated
Feb 26, 2026
Total Versions
1

How to Install

  1. 1 on OpenClawdBots (takes under 60 seconds).
  2. 2Open your bot dashboard and go to the Skills tab.
  3. 3Switch to the ClawHub tab and search for Auto Animate.
  4. 4Click Install and the skill is deployed to your bot automatically.

Changelog — v0.1.0

Auto-animate v0.1.0 — initial release with robust error prevention and animation patterns. - Introduces zero-config animations for React, Vue, Solid, Svelte, and Preact using @formkit/auto-animate. - Documents prevention for 15 common errors, including React 19 StrictMode bugs, SSR import issues, conditional parents, viewport problems, drag & drop conflicts, and CSS transform bugs. - Provides SSR-safe usage patterns essential for serverless frameworks (e.g., Next.js, Cloudflare Workers). - Includes framework-specific solutions, test/jest config guidance, and accessibility best practices for smooth, accessible transitions.