magic-animator
AI-powered animation tool for creating motion in logos, UI, icons, and social media assets.
Magic Animator Skill
Magic Animator enables designers to add life to static designs in seconds using AI-driven motion, transforming flat UX into premium, dynamic experiences.
Context
This skill is essential for improving UX and engagement through high-quality motion. It works best for animating brand assets, interface elements, and micro-interactions.
When to Use
Trigger this skill when:
- Adding life to a static logo or brand mark to make it memorable.
- Enhancing website/app UI with loaders, animated widgets, or smooth transitions.
- Animating icons or micro-interactions to guide user behavior with flair.
Execution Workflow
- Select Asset: Identify the static design element (SVG, PNG, or Figma layer) to animate.
- Choose Preset/Category: Select the appropriate domain (Logos, UI, Icons, Social Media) to ensure the motion curves match the context.
- Animate: Use the AI Animation Assistant via chat-based prompts to request specific, premium motion (e.g., "Make it feel like a high-end luxury brand reveal" or "Give it a kinetic, elastic pop").
- Refine: If available, edit keyframes for further polish, ensuring easing curves feel natural and high-end.
- Export & Integrate: Export the final animation as Lottie (JSON) for web/mobile performance, or GIF/MP4 for social.
Strict Rules
- **ABSOLUTE
Subscribers only
The full skill, its 1 bundled files and every download is included with every paid Complete AI plan.
Details
| Source | community |
|---|---|
| License | — |
| Risk label | safe ("critical" means the skill may run commands or touch files — read before use) |
| Files | SKILL.md |
| Added | 2026-03-07 |
Related skills
accesslint-diff
Diff a live page's accessibility violations against a baseline — by default compares uncommitted changes (stash-based), or pass --branch [<name>] to diff against a branch. Reports only new violations introduced, violations fixed, and pre-existing count. Use `scan` for a full audit with no diffing.
accesslint-scan
Audit a live page for accessibility issues, locate each WCAG violation precisely, and return a selector-grounded fix worklist without editing.
accint-commitments
Triage acc's open promises and close them with honest real-world verdicts via acc_act(runtime="outcome").
accint-frames
Drain acc's deliberation queue — open/waiting brain_frames checkpointed by headless runs — via acc_act(runtime="continue").
accint-solve
Route a goal through acc's scored-memory loop via acc_act(runtime="solve"); deliberate any returned brain_frame and submit via continue.
ad-creative
Create, iterate, and scale paid ad creative for Google Ads, Meta, LinkedIn, TikTok, and similar platforms. Use when generating headlines, descriptions, primary text, or large sets of ad variations for testing and performance optimization.