skills.rest
ratnesh-maurya
ratnesh-mauryaCOMMUNITY
Explore all skills by this author →
Website𝕏@_ratneshmauryaGitHub

magic-animator

Generates motion animations for logos, UI elements, icons, and social media assets.

1|Updated Aug 17, 2025
Search Tags:#design#animation#micro-interactions#motion design#lottie#ui animation#logo animation
One-click install
npx skills add https://github.com/ratnesh-maurya/mdconverter --skill magic-animator-ratnesh-maurya
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: magic-animator
Source: https://github.com/ratnesh-maurya/mdconverter/tree/main/.claude/skills/magic-animator
Command: npx skills add https://github.com/ratnesh-maurya/mdconverter --skill magic-animator-ratnesh-maurya

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Static design assets like logos, icons, and UI elements lack the motion needed for engaging digital experiences, and manually creating animations requires specialized motion design skills and significant time. ## Core Features & Use Cases - AI Animation Assistant: Request specific motion styles through chat-based prompts, such as luxury brand reveals or kinetic elastic pops. - Domain-Specific Presets: Select from Logos, UI, Icons, or Social Media categories so motion curves match the intended context. - Flexible Export Formats: Export animations as Lottie (JSON) for web and mobile performance, or GIF/MP4 for social media. - Use Case: A designer has a static SVG logo for a client website. They select the Logos category, prompt the assistant for a premium brand reveal animation, refine the easing curves, and export a lightweight Lottie file for the site's landing page. ## Quick Start Animate my static logo SVG with a smooth premium reveal motion and export it as a Lottie JSON file for my website.

Frequently Asked Questions about magic-animator

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I animate a static logo for my website?▼

Select your static logo file (SVG or PNG), choose the Logos preset category, then describe the desired motion through the chat-based assistant, such as a brand reveal effect. Export the result as Lottie JSON for crisp web rendering at small file sizes.

What export formats does Magic Animator support?▼

Magic Animator exports animations as Lottie (JSON) for web and mobile integrations, or as GIF and MP4 for social media. Lottie is preferred for apps and websites because it stays crisp and keeps file sizes low.

Can I animate UI elements like loaders and icons?▼

Yes, the UI and Icons preset categories handle loaders, animated widgets, transitions, and micro-interactions. The presets ensure motion curves match interface contexts rather than brand or social styles.

Can I edit keyframes after generating an animation?▼

Yes, when available you can edit keyframes after the initial generation to refine the motion. Adjusting easing curves helps the animation feel natural and polished rather than linear or mechanical.

When should I use Lottie instead of GIF for animations?▼

Use Lottie for native app and web integrations where crispness and small file size matter. Use GIF or MP4 only for social media platforms that do not support Lottie playback.

Related Skills

Explore More Design & Creative Skills→
kaanygitkaanygit
1

png-to-svg

Convert PNG/JPG icons and logos into SVG with automated algorithm selection.

Community
Intermediate
ratnesh-mauryaratnesh-maurya
1

magic-animator

Generates motion animations for logos, UI elements, icons, and social media assets.

Community
Basic
tc9011tc9011

animate

Plan and implement UI animations, micro-interactions, and motion effects.

Community
Advanced
firstsun-devfirstsun-dev
3

ui-animation

Designs, implements, reviews, and reverse-engineers UI motion for CSS, Framer Motion, and native platforms.

Official
Advanced