Skip to content

LearnTutorials

Make a branded launch video with OpenClaw and Remotion

Make a branded product launch video with OpenClaw and Remotion's skill: one brief, a live preview, AI music and an MP4 ready for YouTube.

By Recaply EditorsAdvanced50 min6 stepsUpdated

A hand sets a small paper rocket on a curved strip of film frames, with two music notes above

What you need

  1. Step 1: Install OpenClaw and open the chat

    10 min

    OpenClaw is the agent that writes, previews and renders the video, and it runs on your own computer.

    1. In a terminal, run node --version. You need 24.16 or newer, or 26.
    2. On a Mac or Linux, run the command below. On Windows, run iwr -useb https://openclaw.ai/install.ps1 | iex in PowerShell.
    3. When the setup wizard opens, pick Quick start. It looks for your Claude Code or Codex login, or asks for an API key.
    4. Run openclaw dashboard to open the chat in your browser.
    Run this (Mac or Linux)
    curl -fsSL https://openclaw.ai/install.sh | bash

    You should see the OpenClaw chat in your browser. Send a short hello and it replies.

    The dashboard won't open or the chat doesn't answer?

    Run openclaw gateway status and check that it's listening on port 18789. If not, run openclaw triage for a guided fix.

    Quick start asks if OpenClaw should keep running in the background. Say yes, or the chat stops when you close the terminal.

  2. Step 2: Add the Remotion skill

    3 min

    Remotion's own skill teaches OpenClaw how to set up a video project, preview it and render it.

    1. In a terminal, run the command below. It installs remotion-best-practices, the skill that holds all of Remotion's guides.
    2. Run openclaw skills check to confirm the skill is ready.
    3. Back in the browser, start a new chat session so it loads the skill.
    Run this
    openclaw skills install skills-sh:remotion-dev/skills/remotion-best-practices

    You should see the install finish with no errors.

    The chat doesn't seem to use the skill?

    OpenClaw loads skills when a session starts, so open a new one. You can also type $ in the chat box and pick the skill from the list.

    Read any skill before you install it. This one comes from Remotion's own GitHub repository.

  3. Step 3: Brief the launch video

    10 min

    A clear brief saves rounds of fixes, and OpenClaw can read your website for the brand details.

    1. Paste the prompt below into the chat and fill in the brackets.
    2. Answer OpenClaw's questions about length, scenes and style.
    3. When it says the project runs, open the Remotion Studio link it gives you.
    Your prompt
    Use the remotion-best-practices skill to make a launch video for [PRODUCT], which [WHAT IT DOES IN ONE LINE].
    
    Create the project in a new folder called launch-video and tell me its full path. Read [YOUR WEBSITE URL] for our colors, fonts and key lines. Copy my logo from [PATH TO YOUR LOGO FILE] into the project's public folder.
    
    Make it 1920x1080 at 30 fps, about 30 seconds long, in 5 scenes: the problem, the product, 2 key features, and a call to action with [YOUR URL]. Keep text large and on screen long enough to read. Ask me your questions first, then open the Studio preview.

    You should see Remotion Studio in your browser, with your scenes on a timeline you can play.

    No preview opened?

    Ask OpenClaw for the Studio address. Or open a terminal in the project folder and run npx remotion studio.

    OpenClaw reads web pages with its built-in web_fetch tool. It doesn't run JavaScript, so it can miss parts of very dynamic sites.

  4. Step 4: Refine one scene at a time

    15 min

    Small, exact requests fix only what you name and keep the parts you already like.

    1. Play the video in Studio and write down each change, with its scene number.
    2. Ask for one change per message, like the examples below.
    3. Watch the preview update, then send the next change.
    Example requests
    In scene 2, make the headline 2 times bigger. Keep everything else the same.
    
    In scene 4, slow the feature cards down so each one stays on screen for 2 seconds.
    
    Use [YOUR BRAND COLOR AS A HEX CODE] for every button, and keep the background dark.

    You should see the preview change after each request, with the rest of the video left as it was.

    The preview shows an error after a change?

    Paste the error into the chat and ask OpenClaw to fix it. If it's still broken, ask it to undo the last change.

    If you edit the project by hand, tell OpenClaw. Remotion's skill tells the agent not to overwrite changes it didn't make.

  5. Step 5: Add background music

    5 min

    A track that fits the length and mood makes the video feel finished.

    1. Add your Gemini API key with openclaw models auth login --provider google.
    2. Paste the prompt below into the chat and describe the mood you want.
    3. Play the preview, and ask for a new track if this one doesn't fit.
    Your prompt
    Use music_generate to make a 30-second instrumental track for this video: [MOOD, FOR EXAMPLE UPBEAT ELECTRONIC WITH NO VOCALS]. Save it in the project's public folder, add it to the video, and fade it out over the last 2 seconds.

    You should see an audio track under your scenes in Studio that plays with the preview.

    OpenClaw says it has no music tool?

    The tool only shows up once a music provider is set up, such as Google, MiniMax, fal or OpenRouter. Or put your own MP3 in the public folder and ask OpenClaw to use it.

    Keep your API key out of the project folder and out of any file you share or commit.

  6. Step 6: Render the MP4 for YouTube

    7 min

    Rendering turns the preview into a video file you can upload anywhere.

    1. Paste the prompt below into the chat.
    2. Wait for the render to finish. It can take a few minutes.
    3. Open the out folder in your project and play the MP4 from start to end.
    Your prompt
    Render the video as a 1920x1080 MP4 with H.264 at the highest quality, and tell me where the file is.

    You should see an MP4 in the project's out folder that plays with your music.

    The render fails the first time?

    Remotion downloads its own browser for rendering, so check that you're online. Then paste the last lines of the error into the chat.

You get

A branded 30-second launch video as an MP4, plus a Remotion project you can edit and render again

Did this guide work for you?

Sources