CSS Animations Skill

Expert knowledge for pure CSS animations - lightweight, performant animations using CSS keyframes, transitions, and modern CSS features without JavaScript dependencies.

When to Use

Activate this skill when:

• User wants lightweight animations without libraries
• Need simple hover/focus state transitions
• Building loading spinners or skeleton screens
• Performance is critical and animation is simple
• Animating pseudo-elements (::before, ::after)
• Using Tailwind CSS animation utilities

File Patterns