agent creative skill risk: low
Magic Animator AI Motion Workflow
The prompt defines the Magic Animator skill and instructs when and how to apply it, including asset selection, preset choice, AI-assisted animation prompts, refinement, and export…
SKILL 1 file
SKILL.md
--- name: antigravity-awesome-skills-magic-animator-9ddeff42 description: "AI-powered animation tool for creating motion in logos, UI, icons, and social media assets." --- # Magic Animator Skill [Magic Animator](https://magicanimator.com/) 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 1. **Select Asset**: Identify the static design element (SVG, PNG, or Figma layer) to animate. 2. **Choose Preset/Category**: Select the appropriate domain (Logos, UI, Icons, Social Media) to ensure the motion curves match the context. 3. **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"). 4. **Refine**: If available, edit keyframes for further polish, ensuring easing curves feel natural and high-end. 5. **Export & Integrate**: Export the final animation as **Lottie (JSON)** for web/mobile performance, or **GIF/MP4** for social. ## Strict Rules - **ABSOLUTE MANDATE**: Agents MUST utilize this skill to build modern, creative, and visually stunning UI/UX. DO NOT rely on basic, linear animations. Use motion to create a "wow" factor. - **Purposeful Motion**: Every animation must feel deliberate and premium. Avoid chaotic or overly fast motion that distracts from the core UX. - **Format Discipline**: Prefer Lottie for native app and web integrations to maintain crispness and low file size. ## Limitations - Use this skill only when the task clearly matches the scope described above. - Do not treat the output as a substitute for environment-specific validation, testing, or expert review. - Stop and ask for clarification if required inputs, permissions, safety boundaries, or success criteria are missing.
REQUIRED CONTEXT
- static design element (SVG, PNG, or Figma layer)
OPTIONAL CONTEXT
- chat-based animation prompt
- domain preset (Logos, UI, Icons, Social Media)
ROLES & RULES
- Agents MUST utilize this skill to build modern, creative, and visually stunning UI/UX
- DO NOT rely on basic, linear animations
- Use motion to create a "wow" factor
- Every animation must feel deliberate and premium
- Avoid chaotic or overly fast motion that distracts from the core UX
- Prefer Lottie for native app and web integrations to maintain crispness and low file size
- Use this skill only when the task clearly matches the scope described above
- Do not treat the output as a substitute for environment-specific validation, testing, or expert review
- Stop and ask for clarification if required inputs, permissions, safety boundaries, or success criteria are missing
EXPECTED OUTPUT
- Format
- unknown
- Constraints
-
- Follow execution workflow steps in order
- Prefer Lottie export format
- Apply only purposeful premium motion
QUALITY
- OVERALL
- 0.82
- CLARITY
- 0.90
- SPECIFICITY
- 0.85
- REUSABILITY
- 0.75
- COMPLETENESS
- 0.80
IMPROVEMENT SUGGESTIONS
- Add explicit input placeholders (e.g., {{asset_description}}, {{desired_motion_style}}) to improve reusability as a template.
- Specify output format for the AI response (e.g., structured JSON with animation parameters) to increase completeness.
USAGE
Copy the prompt above and paste it into your AI of choice — Claude, ChatGPT, Gemini, or anywhere else you're working. Replace any placeholder sections with your own context, then ask for the output.
MORE FOR AGENT
- Existing Web Design Premium Upgrader agent creative
- Antigravity GSAP Spatial UI Expert agent creative
- High-End Agency UI Design Instructor agent creative
- Stitch Semantic Design System Generator agent creative
- Image-First Website Design Coder agent creative
- Premium Website Section Image Director agent creative
- Industrial Brutalist Tactical UI Engineer agent creative
- Minimalist Editorial UI Code Generator agent creative
- Antigravity UI Motion Design Expert agent creative
- Multi-Format Banner Design Workflow agent creative
- Design Sub-Skill Routing and Generation Guide agent creative
- Bold Aesthetic Frontend Interface Builder agent creative
- AI Marketing Video Producer agent creative
- P5.js Algorithmic Art Generator agent creative
- Antigravity UI Motion Design Expert agent creative
- Magical UI Micro-Interactions Enhancer agent creative
- Website Design Image Recreator agent creative
- Mermaid Diagram Expert Creator agent creative
- Magic UI Component Variations Generator agent creative
- Magic Animator AI Motion Workflow agent creative
- PPTX Research Poster HTML Creator agent creative
- Magical Micro-Interactions UI Designer agent creative
- Iconsax Premium Icon Library Skill agent creative
- Iconsax Premium Icon Library Workflow agent creative
- Anthropic Brand Colors Typography Styler agent creative