product-film: launch videos built from your real UI

Try it in 60 seconds

/plugin marketplace add Rieranthony/product-film-skill
/plugin install product-film@product-film-skill
git clone https://github.com/Rieranthony/product-film-skill

Install command copied from the project README. Check the README for the latest version.

What it does

A Claude Code skill that studies your product's design system, asks what the film should show, then builds and renders a Remotion launch or landing-page video with your own components.

A Claude Code skill that makes a showreel-grade product film in code: a landing-page loop, a launch video, a promo or a demo reel. It uses Remotion, your product's real components, its design tokens, its logo and its…

Short excerpt from the README of Rieranthony/product-film-skill. Read the full README on GitHub.

Inside the repo

A prompt to try

Written by us so you can reuse it. Replace each [bracket] with your details.

Step by step

1. Open the GitHub repo and read the README (install commands change often).
2. Install it: add the plugin marketplace Rieranthony/product-film-skill in Claude Code and install product-film, or copy the skill folder into ~/.claude/skills/.
3. Restart your agent so it picks the skill up.
4. Describe the video you want in plain words, then review the draft frames before the final render.

Docs, demos & materials

Sources & credit

All credit to the original authors. We rewrite in our own words and link back. Something wrong? Report it.