Claude Code + Remotion launch video: steps, time, cost

What is the Claude Code and Remotion launch video workflow?

Remotion's official Agent Skills install with one command, npx skills add remotion-dev/skills, and Remotion's docs list Claude Code first among example agents, ahead of Codex, Kimi Code and Cursor (Remotion docs: Agent Skills); they were announced on 20 Jan 2026 (@Remotion on X).

The set is split into sub-skills for creating a project, writing markup, launching Studio, rendering and captions, with /remotion-best-practices as the umbrella skill (Remotion docs: Agent Skills). Skills 2.0, released 17 Aug 2026, removed all design instructions to leave more room for your own vision, so the visual direction has to come from your brief (@Remotion, Skills 2.0 thread).

In the motif archive, as of 2026-10-16, 244 of 3,599 entries (6.8%) mention Remotion and 72 of those use the words launch or promo; 164 name Opus 5.5, 70 state no model and 4 name Sonnet 5.5.

How do people make a launch video with Claude Code and Remotion?

1. Install the skills. Run npx skills add remotion-dev/skills; the remotion-create skill scaffolds a blank project with npx create-video@latest --yes --blank --no-tailwind . (remotion-create SKILL.md).
2. Collect real inputs. One recipe gives Claude a screencast, App Store screenshots and the repo (@nestymee). A commenter under a non-Remotion video advises putting real app screenshots in a folder and telling Claude to use them, because otherwise the image model invented a UI that did not match the product (r/ClaudeAI).
3. Write a style brief first. One Opus 5.5 workflow has Claude turn reference screenshots into docs/STYLE_GUIDE.md and follow it in every video (@Aykutuces). A founder suggests making illustrations first, then refining one scene at a time (u/ashadis).
4. Ask for a storyboard. A template posted in r/SaaS asks for a short storyboard before any animation: hook, product intro, two or three feature moments, closing, about 15-25 seconds, supplied screenshots whenever possible, and no invented functionality, customer claims or metrics (r/SaaS template).
5. Preview in Remotion Studio, not an MP4. The best-practices skill tells the agent not to render by default and to keep Studio open so you can watch and steer (remotion-best-practices SKILL.md).
6. Generate variants and pick. One Jan 2026 workflow: install the Remotion skill, research the product, make 10 demos, pick the best, ask for 10 similar, add music (@mamagnus00). Since Skills 2.0 you can hand-edit the generated code in Studio before continuing with the agent (@Remotion).
7. Add voice and sound. Reported options: an ElevenLabs voice-over with text synced to word timings (@Aykutuces), ElevenLabs sounds inserted by Opus 4.6 (@trq212), or a fal ai key for music and voice-over (Shri's promo).
8. Render and revise by timestamp. /remotion-render makes the final video or still (Remotion docs: Agent Skills); the Aykutuces workflow rendered with Remotion plus HyperFrames and revised by asking for changes at a given timestamp (@Aykutuces).

How long does it take and what does it cost?

Every figure below is self-reported, from different models and plans, so they are not comparable. The 72 Remotion launch or promo entries in the archive have a median length of about 34 seconds.

Quota use varies: one r/SaaS commenter says two prompts can use up a 5-hour allowance, plan and model unstated (r/SaaS). Remotion's licence is separate: as of 2026-10-16 the Free License covers individuals and companies of up to 3 people with unlimited commercial use; companies of 4 or more need a Company License, whose Remotion for Creators option costs $25 per month per seat for manual video creation, including with AI agents and Remotion Studio (Remotion License & Pricing).

What makes a Claude-made launch video look generic?

• No brief, so defaults win. Replies under the Aykutuces video say such edits use monotone designs and fonts and that the animations, eases and UI give Claude away; the author agreed you have to teach it other styles and animations (@Aykutuces thread). Skills 2.0 is taste-neutral, so there is no built-in style to fall back on (@Remotion).
• CSS motion and untouched timing. The markup skill says to customise timing with Easing.bezier() and Easing.spring(), and warns CSS transition or animation will not render correctly; drive motion with useCurrentFrame() and interpolate() (remotion-markup SKILL.md).
• Designing a web page, not a video. Remotion's layout rules say to build each scene around the one thing the viewer should notice first; at 1080px width, keep key text at least 80px from the sides and 100px from top and bottom, use a main headline of at least 84px, and drop redundant elements (video-layout.md).
• AI-sounding copy and invented claims. One r/SaaS commenter flags 'every x gets the same y' and 'Prefilled with what you know' as Claude phrasing, a single low-score opinion; the storyboard template says not to invent functionality, customer claims or metrics (r/SaaS).
• Trusting the model's own review. The 20-year video professional notes Claude cannot watch playback, only still frames and audio measurements; one critic called that HTML and GSAP video close to an Envato template (r/ClaudeAI). Keep Studio open and watch it yourself.

Which archive examples show the workflow?

• Black hoodie merch drop with a glowing spec sheet, BridgeMind, Opus 5.5: made using Remotion per the creator (@bridgemindai); the most-liked Remotion launch video in the archive as of 2026-10-16.
• Plush koala mascot introduces an AI-agent platform, Kent C. Dodds: single prompt, no skill, about an hour and a half.
• 15-second launch video for an AI SDR, Udit Goenka: 40 minutes and $20.62 shown by /usage.
• Bu videoyu ben kurgulamadım. Tek bir kare bile elle düzenlemedim., Aykut Üçeş: STYLE_GUIDE.md, ElevenLabs word-synced text, Remotion plus HyperFrames.
• Tennis game launch video, Vlad: no tool named in the prompt; the creator says Opus 5.5 set up Remotion on its own (@deifosv).
• Counter-example: I've worked in video for 20+ years. Claude made us a launch video entirely in code... is HTML and GSAP, not Remotion.

What do people ask about Claude Code launch videos?