handling-animations
CommunityTailwind animations built with @keyframes inside theme.
Authordjankies
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill shows how to define and use custom animations within the Tailwind theme and apply them via animation utilities.
Core Features & Use Cases
- Define custom animations with @keyframes inside the @theme directive.
- Generate animation utilities like animate-{name} for reuse.
- Create advanced motion patterns (fade, slide, spin, pulse, bounce) with starting states.
Quick Start
Define a fade-in animation in the theme and apply animate-fade-in to a div.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: handling-animations Download link: https://github.com/djankies/claude-configs/archive/main.zip#handling-animations Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.