Animation Assistant
by Echo Rose
"A complete 2D animation pipeline skill — keyframe generator, easing curves, motion paths, sprite sheets, Lottie exports
- Convert a series of PNG frames into a packed sprite sheet with JSON metadata
- Generate production-ready CSS keyframes with vendor prefixes and easing
- Validate and modify Lottie JSON files for speed, color, and scale
$7.99
· or 40 creditsSecure checkout via Stripe
Included in download
- Convert a series of PNG frames into a packed sprite sheet with JSON metadata
- Generate production-ready CSS keyframes with vendor prefixes and easing
- Ready for Claude Code
See it in action
You say
Generate a CSS bounce animation for a notification bell that lasts 1.5 seconds, using a custom cubic-bezier curve.
Your agent does
@keyframes bounce { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-20px); } } .bell-notify { animation: bounce 1.5s cubic-bezier(0.42, 0, 0.58, 1) infinite; }
Animation Assistant
by Echo Rose
"A complete 2D animation pipeline skill — keyframe generator, easing curves, motion paths, sprite sheets, Lottie exports
$7.99
· or 40 creditsSecure checkout via Stripe
Included in download
- Convert a series of PNG frames into a packed sprite sheet with JSON metadata
- Generate production-ready CSS keyframes with vendor prefixes and easing
- Ready for Claude Code
- Instant install
See it in action
You say
Generate a CSS bounce animation for a notification bell that lasts 1.5 seconds, using a custom cubic-bezier curve.
Your agent does
@keyframes bounce { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-20px); } } .bell-notify { animation: bounce 1.5s cubic-bezier(0.42, 0, 0.58, 1) infinite; }
About This Skill
animation-assistant
"A complete 2D animation pipeline skill — keyframe generator, easing curves, motion paths, sprite sheets, Lottie exports, CSS/SVG animation output, and CLI animation tools. For motion designers, animators, game devs, and creative technologists."
A premium AI agent skill from Echo Rose.
Use Cases
- Convert a series of PNG frames into a packed sprite sheet with JSON metadata
- Generate production-ready CSS keyframes with vendor prefixes and easing
- Validate and modify Lottie JSON files for speed, color, and scale
- Calculate easing curve value tables for custom motion path interpolation
Known Limitations
- Does not support 3D animation or rigging. - Lottie validation is strictly for schema version 5.5.x. - Video export requires external encoding tools to be configured.
How to install
Drop the file into your AI tool. Works with Claude, Cursor, ChatGPT, and 20+ more.
Reviews
No reviews yet - be the first to share your experience.
Only users who have downloaded or purchased this skill can leave a review.
Early access skill
Be the first to review this skill.
Only users who have downloaded or purchased this skill can leave a review.
Security Scanned
Passed automated security review
Permissions
No special permissions declared or detected
Claude Code, Cursor, Windsurf, Cline, Aider, Codex CLI
Creator
Frequently Asked Questions
Learn More About AI Agent Skills
More Premium Skills
designing-hybrid-context-layers
Architects the right retrieval strategy for every query — teaching your agent when to use RAG, a knowledge graph, or a temporal index instead of defaulting to vector search for everything.
Cinematic Landing Page Builder
Turn any business URL into a high-end animated landing page with 4K AI assets and GSAP animations via Cloudflare.
World-Class Site & App Design
Every AI-built UI looks generic and templated. This skill teaches your agent to actually match the design to the project, the industry, and the audience.
Bounty Security Pattern Master Library — 399 Vulnerability Patterns
A premium library of 399 vulnerability patterns and DeFi attack vectors for AI-driven bug hunting and security audits.