lovable-animation-choreographer
CommunityChoreograph Lovable UIs with precise motion.
System Documentation
What problem does it solve?
Orchestrate layered, choreographed animations in Lovable-generated UIs to deliver intentional motion, timing, and micro-interactions that feel polished and responsive.
Core Features & Use Cases
Define precise entrance sequences, scroll-based triggers, hover interactions, and state transitions with explicit timing curves, durations, and staggers for hero, navigation, content sections, cards, CTAs, and footers. Integrates Framer Motion and CSS transitions within Lovable's React + TypeScript + Tailwind stack to refine existing UI or build motion from inception.
Quick Start
Apply choreographed motion to your Lovable UI by configuring a hero entrance and scroll-based triggers using Framer Motion.
Dependency Matrix
Required Modules
None requiredComponents
💻 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: lovable-animation-choreographer Download link: https://github.com/SAGARRAMBADE21/Loveable-skills/archive/main.zip#lovable-animation-choreographer 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.