Lottie
heygen-com/hyperframesHyperFrames uses Lottie animations to add motion to your AI agents. You can embed lottie-web JSON files or .lottie files easily. This skill shows you how to set up players and register them on window.__hfLottie.
The timeline of each animation is already built into the asset. HyperFrames only needs a player object it can seek forward and backward. This makes Lottie a great fit for smooth transitions and motion.
You will learn how to load animations from local files, disable autoplay, and keep container sizes stable. You can use this for logo reveals, icon loops, and product UI motion. Just test your exported files in a browser first.
Add Lottie skill to your workflow
Global
mkdir -p ~/.claude/skills/lottieProject
mkdir -p .claude/skills/lottieSource Repository
More AI & Agent Building Claude Code Skills
Find Skillsvercel-labs/skills
Find and install the perfect skill to extend your AI agent
Microsoft Foundrymicrosoft/azure-skills
Build, deploy, and improve AI agents on Microsoft Foundry from start to finish
Azure Aimicrosoft/azure-skills
Search, transcribe, and analyze with Azure AI tools for smarter apps
Azure Hosted Copilot Sdkmicrosoft/azure-skills
Build, deploy, and manage your Copilot SDK apps on Azure with ease
Triagemattpocock/skills
Triage issues with a state machine driven by clear roles and agent briefs
Handoffmattpocock/skills
Hand off your work to another AI agent with a clear summary
Image Editagentspace-so/runcomfy-agent-skills
Smart router picks the best AI model for your image editing needs
Agentspaceagentspace-so/skills
See your AI agent's live folder from any browser instantly