Product Film: a Claude Code skill
One prompt → a studio-grade film for your app or your brand, built from your real UI and cut to a real track.
v2.0 · Updated 2 October 2026
Made with this skill
A 20-second brand film for this site and two 13-second films for ProCard, all built from real components. Muted here, the masters ship with sound.
Get it
v2.0 · MIT · Free
Install with
Paste this in Claude Code
It installs the skill for you.
Install the product-film skill from https://github.com/StanCosmin28/product-film-skill into ~/.claude/skills/product-film, then confirm SKILL.md is there.
Quick start
Paste it in Claude Code, inside your product's repo.
Use the product-film skill to make a 13 s wow launch video for this app, 9:16 and 16:9, with sound, only real UI. One shot, don't stop for approval.
Requirements
- Claude Code
- Node 18+, ffmpeg and Python 3 with numpy, scipy and pillow
- curl, and poppler if your logo is an
.aior.pdf - macOS or Linux, and about 20 GB of free disk while a 4K master renders
FAQ
Who is it for?
Founders, indie makers, freelancers and product and marketing teams with a web app, SaaS or site who want a launch, feature or personal brand video without an agency or a motion designer.
What's in the package?
SKILL.md: the workflow Claude followsGUIDE.md: the full one-shot prompt, every knob and troubleshootingreferences/: story patterns, beat templates for 10/13/15/20/30 s, pace and style presets, every technical pitfall with its fix, soundassets/templates/: a ready Remotion project, with scripts for music, sound effects, the mix, previews and 4K mastersassets/examples/brand-film/: the full source of the brand film abovescripts/scaffold.sh: sets up a new film in one command
How does it work?
It reads your design tokens, fonts, logo, copy, services and pricing, and asks only what it can't find. It picks a royalty-free track (it analyzes 10 to 15 of them for tempo, drop and structure) and measures its beat. Then it plans the story on that beat, builds the film in Remotion from your real components (or from captures of your live site if there's no source), places real sound effects, checks every cut and renders 4K and 1080p masters in 9:16 and 16:9.
A full-res preview takes about a minute and a 4K master about 12 to 13 min on a recent Mac. After the first film, just say what to change: "less of my photo", "more modern sound", "make it 20 seconds", "text in Romanian".
Does it work in Cowork or the Claude app?
You can install it there: download the .zip from the latest release and upload it in Customize → Skills. It was built and tested in Claude Code, though. Rendering needs Node, ffmpeg and a headless Chrome that Remotion downloads on the first render, and Cowork runs code in a sandbox that only reaches approved sites. If the render step fails there, run it in Claude Code.
What can't it do?
It can't listen to audio. It picks the track and places the effects from analysis, so listen before you publish; you get two alternate tracks and silent masters. The music comes from Mixkit's free catalog: read its licence before a paid campaign. Real-time 3D or physics isn't frame-deterministic, so it offers a captured clip instead. It never fakes UI, stats, logos or trademarks.
Do I need to know Remotion?
No. The skill writes and renders everything. You can tweak copy and colours in one file (src/tokens.ts).
Is it free?
Yes. The skill is MIT licensed. Remotion is free for individuals and companies with up to 3 employees; larger companies need a company license (remotion.dev/license).
Made by Stan Cosmin with Remotion and Claude Code. Source on GitHub.
Save the link, come back to it
No signup, and this page stays where it is.

