auto-animate

Production-tested setup for AutoAnimate (@formkit/auto-animate) - a zero-config, drop-in animation librarythat automatically adds smooth transitions when DOM elements are added, removed, or moved. This skill shouldbe used when building UIs that need simple, automatic animations for lists, accordions, toasts, or form validationmessages without the complexity of full animation libraries.Use when: Adding smooth animations to dynamic lists, building filter/sort interfaces, creating accordion components,implementing toast notifications, animating form validation messages, needing simple transitions without animation code,working with Vite + React + Tailwind, deploying to Cloudflare Workers Static Assets, or encountering SSR errors withanimation libraries.Keywords: auto-animate, @formkit/auto-animate, formkit, zero-config animation, automatic animations, drop-in animation,list animations, accordion animation, toast animation, form validation animation, lightweight animation, 2kb animation,prefers-reduce

// tip: Run this command in your terminal to install the skill