skill:animate - Zero-Config UI Animations

Version: 1.0.0

Purpose

Add smooth, automatic animations to web applications using @formkit/auto-animate and complementary animation libraries. This skill handles list reordering, element insertion/removal, layout shifts, and page transitions across React, Vue, Solid, Svelte, and Preact with minimal configuration. Use when adding motion to UI components, animating list changes, or implementing page transitions.

File Structure

skills/animate/
├── SKILL.md (this file)
└── examples.md

Interface References