All resources
SkillSkills·3 min read

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

Stan Cosmin brand film
ProCard launch film
ProCard features film

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 .ai or .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 follows
  • GUIDE.md: the full one-shot prompt, every knob and troubleshooting
  • references/: story patterns, beat templates for 10/13/15/20/30 s, pace and style presets, every technical pitfall with its fix, sound
  • assets/templates/: a ready Remotion project, with scripts for music, sound effects, the mix, previews and 4K masters
  • assets/examples/brand-film/: the full source of the brand film above
  • scripts/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.