muapi-3d-logo-animation — Claude Code skill for 3D logos
Turn a 2D logo into a 3D image, review it, then generate a cinematic animation. Use it to make a logo reveal from an existing logo file.
npx skills add SamurAIGPT/Generative-Media-Skills --skill muapi-3d-logo-animation -a claude-code
npx skills add SamurAIGPT/Generative-Media-Skills --skill 3d-logo-animation -a claude-codeWhat muapi-3d-logo-animation does
The skill first sends the logo to muapi image edit with the nano-banana-2-edit model. It presents the 3D result for approval, then uses muapi video from-image and veo3.1-fast-image-to-video to create the animation. You can choose a material style; the default is glossy glass and chrome.
Provide a clear logo image and configure MuAPI access. If MUAPI_API_KEY is unset, run muapi auth configure before starting. Generation needs the API key. The image step accepts a 1:1 or 4:3 aspect ratio; the video step accepts 16:9 or 1:1.
What it helps with
- turn a flat logo into a 3D image
- choose a material style for a logo
- review the 3D result before animation
- create a cinematic logo reveal
Example prompts for the agent
- Turn my logo into a 3D image with a gold finish and show it for approval.
- Make a 3D version of this 2D logo with a holographic material.
- After I approve the 3D logo, create a cinematic reveal animation.
How to install muapi-3d-logo-animation
1Skills CLI (Vercel)
npx skills add SamurAIGPT/Generative-Media-Skills --skill muapi-3d-logo-animation -a claude-codenpx skills add SamurAIGPT/Generative-Media-Skills --skill 3d-logo-animation -a claude-code2Manually: put the files in place
~/.claude/skills/3d-logo-animation/SKILL.mdCopy the whole skill folder; for one project use .claude/skills/3d-logo-animation/
1Skills CLI (Vercel)
npx skills add SamurAIGPT/Generative-Media-Skills --skill 3d-logo-animation -a codex2Manually: put the files in place
.agents/skills/3d-logo-animation/SKILL.mdFor all projects use ~/.agents/skills/
1Skills CLI (Vercel)
npx skills add SamurAIGPT/Generative-Media-Skills --skill 3d-logo-animation -a cursor2Manually: put the files in place
.cursor/skills/3d-logo-animation/SKILL.mdCursor also reads .agents/skills/ and .claude/skills/
1GitHub CLI
gh skill install SamurAIGPT/Generative-Media-Skills 3d-logo-animation2Manually: put the files in place
.github/skills/3d-logo-animation/SKILL.md1Skills CLI (Vercel)
npx skills add SamurAIGPT/Generative-Media-Skills --skill 3d-logo-animation -a gemini-cli2Platform CLI
gemini skills install https://github.com/SamurAIGPT/Generative-Media-Skills --path library/motion/3d-logo-animationManually: put the files in place
.devin/skills/3d-logo-animation/SKILL.mdThe legacy .windsurf/skills/ path still works
Skills CLI (Vercel)
npx skills add SamurAIGPT/Generative-Media-Skills --skill 3d-logo-animation -a opencodeClaude.ai
Zip the folder and upload it in Settings → Capabilities → Skills
Step by step, with commands for each platform: How to install skills in Claude Code: five ways
Questions about muapi-3d-logo-animation
How do I install muapi-3d-logo-animation in Claude Code?
Run npx skills add SamurAIGPT/Generative-Media-Skills --skill muapi-3d-logo-animation -a claude-code. The skill is installed at ~/.claude/skills/3d-logo-animation/SKILL.md.
What does muapi-3d-logo-animation do?
It creates a 3D version of a supplied logo, asks for approval, then generates a video animation from the approved image.
What do I need to run the skill?
You need a clear logo image and a MuAPI key. If MUAPI_API_KEY is unset, run muapi auth configure first.
Source text
SKILL.md · MIT
---
slug: muapi-3d-logo-animation
name: muapi-3d-logo-animation
version: "1.0.0"
description: Transform a 2D logo into a premium 3D version and animate it with professional cinematic effects.
acceptLicenseTerms: true
---
# 3D Logo Animation
**Transform a 2D logo into a premium 3D version and animate it with professional cinematic effects.**
## Inputs
| Name | Type | Required | Default | Description |
|:---|:---|:---|:---|:---|
| `logo_image` | image_url | yes | — | A clear 2D image of the logo to be converted to 3D. |
| `material_style` | text | no | glossy glass and chrome | The material style for the 3D logo (e.g., gold, matte plastic, holographic). |
## Steps
### Phase A — 3D Logo Transformation
If `{{logo_image}}` is not provided, ask the user to upload their logo.
Once the logo is available, submit the plan with ONE step to convert it to 3D:
1. **3D Logo Generation** — `muapi image edit` (model=`nano-banana-2-edit`):
- Reference Image: `{{logo_image}}`
- Prompt: `Transform this 2D logo into a premium, high-quality 3D version. The logo should have depth and be made of {{material_style}}. Smooth edges, realistic reflections, and professional studio lighting. The logo is centered on a clean, minimal, out-of-focus background. High-end graphic design aesthetic, 8k resolution.`
- Aspect ratio: 1:1 or 4:3
Present the 3D logo to the user for approval.
### Phase B — Cinematic Logo Animation
Once the 3D logo is ready, submit the plan to animate it:
1. **Logo Animation** — `muapi video from-image` (model=`veo3.1-fast-image-to-video`):
- Reference Image: The 3D logo from Phase A.
- Prompt: `A professional cinematic logo reveal animation. The 3D logo rotates slowly with dynamic light sweeps reflecting off its {{material_style}} surface. Subtle camera movement, particle effects in the background, high-quality motion graphics style.`
- Aspect ratio: 16:9 or 1:1
After generation, present the final 3D logo animation to the user.
## Trigger Keywords
`3d logo`, `logo animation`, `2d to 3d logo`, `animated logo`, `cinematic logo`
---
## 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.
© SamurAIGPT · MIT · SamurAIGPT/Generative-Media-Skills