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 Upgraderagentcreative
- Antigravity GSAP Spatial UI Expertagentcreative
- High-End Agency UI Design Instructoragentcreative
- Stitch Semantic Design System Generatoragentcreative
- Image-First Website Design Coderagentcreative
- Premium Website Section Image Directoragentcreative
- Industrial Brutalist Tactical UI Engineeragentcreative
- Minimalist Editorial UI Code Generatoragentcreative
- Antigravity UI Motion Design Expertagentcreative
- Multi-Format Banner Design Workflowagentcreative
- Design Sub-Skill Routing and Generation Guideagentcreative
- Bold Aesthetic Frontend Interface Builderagentcreative
- AI Marketing Video Produceragentcreative
- P5.js Algorithmic Art Generatoragentcreative
- Antigravity UI Motion Design Expertagentcreative
- Magical UI Micro-Interactions Enhanceragentcreative
- Website Design Image Recreatoragentcreative
- Mermaid Diagram Expert Creatoragentcreative
- Magic UI Component Variations Generatoragentcreative
- Magic Animator AI Motion Workflowagentcreative
- PPTX Research Poster HTML Creatoragentcreative
- Magical Micro-Interactions UI Designeragentcreative
- Iconsax Premium Icon Library Skillagentcreative
- Iconsax Premium Icon Library Workflowagentcreative
- Anthropic Brand Colors Typography Styleragentcreative