How to Create Videos with Claude Code and Remotion

TL;DR

Install the Remotion skill in Claude Code, then prompt it to create a vertical video with defined scenes, animated text, a strong opening hook, and platform-safe positioning. The workflow runs locally and can combine research, fact-checking, browser screenshots, existing brand assets, captions, music, editing, and social media scheduling within one Claude Code session.

Transcript

Claude just changed content creation forever. You can now create and edit videos completely for free using Claude Code. You can insert your product photos, insert your B-roll, fetch web screenshots to insert in your videos. You can even edit existing videos, apply captions, apply titles, and apply background music entirely within a single Claude Co... Read More

Key Insights

• Claude Code can coordinate video creation and editing through a Remotion skill, allowing creators to describe their desired output conversationally instead of making every change manually in a conventional editor.
• The Remotion skill can be installed with a plain-language Claude Code request or with the command shown in the tutorial, after which Claude Code should be refreshed so the new skill becomes available.
• A useful video prompt specifies the 9:16 format, 15-second duration, topic, opening hook, motion graphics, animated text, and short-form safe zones that keep important text away from interface elements.
• Remotion Studio runs locally and provides a visual preview where creators can play the composition, inspect its layout, upload specific assets, and identify exact changes they want Claude Code to make.
• Fact-checking is important before rendering researched content because an initial draft can include an unsuitable source, such as a private local repository instead of a publicly available repository.
• Claude in Chrome can open verified web pages and capture screenshots after receiving permission, while Remotion can place those captured images into individual scenes within the generated video.
• A reusable brand system can include a brand voice file, a design kit containing colors and mood boards, and a folder of product photos, B-roll, videos, and other approved visual assets.
• The broader content workflow can handle motion graphics, talking-head editing, blooper cleanup, readable captions, titles, background music, and publishing or scheduling finished content through Blotato.

Questions & Answers

Q: How do you create a video with Claude Code and Remotion?

Install the pre-built Remotion skill in Claude Code, refresh the session so the skill is available, and enter a detailed prompt describing the video. The tutorial requests a 9:16 vertical, 15-second composition with a viral hook during the first five seconds, motion graphics, animated text, and short-form safe zones. Claude Code then finds or creates a Remotion project and opens a local preview.

Q: How do you install the Remotion skill in Claude Code?

You can ask Claude Code to install and set up the pre-built Remotion skill in plain language. The tutorial also provides the technical shortcut, using an npx skills add command for the Remotion skills repository. Once the skill appears in the project directory, refresh Claude Code so it becomes visible and can be triggered by requests involving Remotion or video creation.

Q: What should a Claude Code video prompt include?

A practical prompt should state the desired aspect ratio, length, subject, scene structure, visual style, and platform constraints. The example asks for a 9:16 vertical video lasting 15 seconds, with a viral hook in the first five seconds, cool motion graphics, animated text, and safe zones. These details give Claude Code and Remotion concrete requirements for building the initial composition.

Q: What are short-form video safe zones?

Short-form video safe zones are areas that keep essential text and visuals away from platform interface elements. The tutorial warns against placing text too high, where it may conflict with a search bar, or too low and too close to the sides, where buttons may cover it. Including safe zones in the prompt helps preserve readability on TikTok, YouTube, and Instagram.

Q: How can Claude Code add website screenshots to a video?

Claude Code can research relevant pages, navigate to each verified link with Claude in Chrome, and capture screenshots after the user approves browser access. Remotion can then incorporate those screenshots into separate video scenes. In the demonstration, this process is used to show public GitHub repositories containing free Claude Code skills, with each repository receiving its own scene and captured webpage image.

Q: How can you fact-check an AI-generated video before publishing it?

Ask Claude Code to verify every factual item and source before final rendering. In the demonstration, the creator notices that the first listed repository appears to be a private local repository, then requests confirmation that every repository is public and contains free Claude Code skills. Perplexity MCP performs the research, identifies three verified public repositories, and supplies suitable links for the revised scenes.

Q: How can a brand system be integrated into this workflow?

Store reusable guidance and assets in organized project files and folders. The tutorial proposes a brand voice file for consistent copy, a design kit containing mood boards, fonts, and colors, and an asset folder containing product photos, B-roll, photos, and videos approved for social media. Claude Code can help organize, categorize, tag, and incorporate those materials into generated videos.

Q: Can Claude Code edit and publish existing videos?

Yes, the described workflow extends beyond generating motion graphics. According to the transcript and description, Claude Code can work with existing footage, remove talking-head bloopers, apply readable captions without covering the subject's face, add titles and background music, and incorporate product photos or B-roll. Finished videos can then be posted or scheduled through Blotato as part of the content calendar workflow.

Summary & Key Takeaways

• The workflow begins by installing the pre-built Remotion skill in Claude Code, either through a plain-language request or the provided npx command. After refreshing Claude Code, a creator can request a 9:16 vertical video, specify its topic and duration, and define requirements such as an opening hook, animated text, motion graphics, and safe zones.

• Claude Code uses the Remotion skill to find or create a suitable project and launch Remotion Studio locally for previewing the composition. Creators can inspect scenes, play the result, upload assets, and request revisions conversationally. Possible changes include replacing text, adjusting colors, increasing font sizes, adding footage, extending the duration, or restructuring scenes.

• The demonstrated workflow combines Remotion with research and browser capabilities. Perplexity MCP checks whether featured GitHub repositories are public and contain free Claude Code skills, while Claude in Chrome visits verified pages and captures screenshots. The broader system can also use brand voice files, design kits, product images, B-roll, captions, music, and Blotato scheduling.