Remotion Best Practices
Official Remotion skill—programmatic video in React. 30+ rule files: 3D, animations, TikTok captions, FFmpeg, audio visualization, Lottie, light leaks.
No curl, terminal, Node.js, or Git required! Download the official SKILL.md directly into your Downloads folder.
Your browser immediately downloads the authentic file (3.9 KB) directly into your local Downloads folder.
Place the downloaded SKILL.md into the skills path for your chosen AI assistant:
<project>/.agents/skills/generative-media-skills/SKILL.md (or global in ~/.gemini/antigravity/skills/generative-media-skills/SKILL.md)~/.claude/skills/generative-media-skills/SKILL.md<project>/.cursor/skills/generative-media-skills/SKILL.md or ~/.cursor/skills/generative-media-skills/SKILL.md<project>/.agents/skills/generative-media-skills/SKILL.mdYour agent automatically discovers the skill. You don't need any restart—it's immediately active!
---
slug: muapi-ad-creative
name: muapi-ad-creative
version: "1.0.0"
description: Generate a high-converting ad creative set — hero image, ad copy variations, and platform-optimized crops for Meta, Google Display, and LinkedIn.
acceptLicenseTerms: true
---
# Ad Creative Set
**Generate a high-converting ad creative set — hero image, ad copy variations, and platform-optimized crops for Meta, Google Display, and LinkedIn.**
## Inputs
| Name | Type | Required | Default | Description |
|:---|:---|:---|:---|:---|
| `product_or_service` | text | yes | — | What is being advertised (e.g. "SaaS project management tool for remote teams"). |
| `target_audience` | text | yes | — | Who the ad is for (e.g. "startup founders aged 25–40, tech-savvy"). |
| `campaign_goal` | text | no | awareness | Campaign objective — "awareness", "consideration", or "conversion". |
| `tone` | text | no | professional, clean, modern | Creative tone and visual style (e.g. "bold and disruptive", "luxury minimal", "friendly and approachable"). |
| `product_image` | image_url | no | — | Optional product or brand image URL already in the session. |
## Steps
This skill has TWO phases. Phase A creates the hero concept for approval; Phase B fans out to platform formats.
### Phase A — Hero image + Ad copy
Submit ONE the plan with:
1. **Hero image** — `muapi image generate` (model=nano-banana-pro) or `muapi image edit` (model=nano-banana-pro-edit) if `{{product_image}}` is provided:
- Aspect ratio: 1:1 (universal starting point).
- Prompt must capture: product/service benefit, target audience lifestyle cue, campaign tone.
- Style: `{{tone}}, advertising photography, clean background, product focus, ultra detailed, commercial quality`.
- Tier: quality.
After the plan executes, present the hero asset and 3 ad copy variations:
- **Variation A** — Problem-aware hook: "Tired of X? [Product] fixes that."
- **Variation B** — Benefit-led: "[Feature] → [Outcome] for [Audience]."
- **Variation C** — Social proof / urgency: "X teams already use [Product]."
Each variation includes: Headline (6 words max), Body (20–30 words), CTA button text.
Ask which copy variation to use for Phase B. Wait for user confirmation.
### Phase B — Platform crops
Once the user picks a copy direction, submit a SECOND the plan with parallel crops:
1. `muapi image edit` → 1:1 (Facebook/Instagram feed, 1080×1080)
2. `muapi image edit` → 9:16 (Story/Reels, 1080×1920)
3. `muapi image edit` → 1.91:1 (Facebook feed wide, 1200×628)
4. `muapi image edit` → 1:1 (LinkedIn feed, same as FB)
For each crop:
- Prompt: "Reframe for [platform] ad format. Keep product/subject centered and uncropped. Maintain original palette and tone. Leave headroom/footroom for text overlays."
- All crops run in parallel.
Return one asset per format with the recommended copy overlay placement for each.
## Notes
- If `campaign_goal` is "conversion", emphasize urgency and direct CTA in copy.
- If `campaign_goal` is "awareness", prioritize visual impact over text density.
- Reference `product_image` via `$nX.url` syntax in Phase B nodes to ensure consistency.
- Do NOT auto-confirm Phase B without user picking a copy variation.
## Trigger Keywords
`ad creative`, `advertisement`, `facebook ad`, `meta ad`, `google ad`, `linkedin ad`, `paid ad`, `ad banner`, `display ad`
---
## Notes for the Executing Agent
- This recipe is LLM-orchestrated: read each phase, gather any missing inputs from the user, then call `muapi` CLI commands. Use `muapi auth configure` first if `MUAPI_API_KEY` is unset.
- For model IDs without a CLI alias yet, fall back to the raw endpoint via `curl -X POST https://api.muapi.ai/api/v1/<endpoint> -H "x-api-key: $MUAPI_API_KEY" -H 'content-type: application/json' -d '{...}'` and poll with `muapi predict wait <request_id>`.
- Substitute `{{input_name}}` placeholders with the user's actual inputs before issuing each call.
In Google Antigravity, skills reside in your project workspace under .agents/skills/generative-media-skills/SKILL.md or globally in ~/.gemini/antigravity/skills/.
npx skills add https://github.com/SamurAIGPT/Generative-Media-Skills --skill generative-media-skills -y
# Workspace path: .agents/skills/generative-media-skills/SKILL.md
# Global path: ~/.gemini/antigravity/skills/generative-media-skills/SKILL.mdIn Claude Code, install globally using the official skills CLI or add via the Claude Code plugin marketplace.
npx skills add https://github.com/SamurAIGPT/Generative-Media-Skills --skill generative-media-skills -g -y
# Or inside Claude Code session:
/plugin install SamurAIGPT/Generative-Media-SkillsIn Cursor, place the skill folder in .cursor/skills/generative-media-skills/SKILL.md or at the workspace level in .agents/skills/.
npx skills add https://github.com/SamurAIGPT/Generative-Media-Skills --skill generative-media-skills -y
# Or place directly into:
# ~/.cursor/skills/generative-media-skills/SKILL.mdIn Windsurf / VS Code, agent skills can be installed targeting the windsurf profile or loaded as project rules.
npx skills add https://github.com/SamurAIGPT/Generative-Media-Skills --skill generative-media-skills -a windsurf -yMulti-modal generative media for AI agents—image, video, and audio across 100+ models (Kling, Veo, Flux, Suno, etc.). Schema-driven scripts with JSON output for agent workflows. Cross-platform (Claude Code, Cursor, Gemini CLI).
This skill is completely self-contained in SKILL.md. All workflows, constraints, and instructions are directly embedded in this single file, making it immediately usable with 1-click download.
Professional-grade image/video/audio generation inside the agent—not generic one-off prompts.
Includes cinema-director, nano-banana, UI designer, logo creator sub-skills. Powered by muapi.ai (API key required). This is the community “Generative Media Skills” entry—not the separate deapi-ai/claude-code-skills toolkit.
Copy and paste this starter prompt into your AI assistant (Antigravity, Claude, Cursor, ChatGPT) to activate this skill:
Act as an expert using the "Generative Media Skills" agent skill. Follow the specialized guidelines to accomplish the task according to best practices.Official Remotion skill—programmatic video in React. 30+ rule files: 3D, animations, TikTok captions, FFmpeg, audio visualization, Lottie, light leaks.
End-to-end AI-native video workspace—voiceover scripts, demo recording, Remotion Studio review, ElevenLabs voiceover, MP4 render.
Full-lifecycle AI music—lyrics, Suno-style prompts, per-stem mixing, mastering, release distribution guidance.