Dwite

Launch Film — Design skill for Claude Code

Design community

Claude Code skill: Apple-style product launch films rendered frame by frame in code, cut to a beat-locked score with voiceover and sound.

How to install Launch Film

This entry records only its repository, not the path inside it, so there is no exact command to give. Open Dwite/launch-film and copy the folder into ~/.claude/skills/, or the file into ~/.claude/agents/.

What Launch Film does

Claude Code skill: Apple-style product launch films rendered frame by frame in code, cut to a beat-locked score with voiceover and sound.

Alternatives in Design

Brainstorm Experiments New — Design lean pretotypes for new product validation 7.8k ★
Studio — Launch the local design Studio — a live token editor over the latest extraction 3.6k ★
Extract — Design System & Product Reverse-Engineering - Extract tokens, components, architecture, and PRDs from codebase 2.8k ★

README

launch-film

A Claude Code skill for Apple-style product launch films rendered frame by frame in code.

An HTML page paints any moment through `window.__seek(t)`; headless Chrome captures the frames (one process per worker, 4-sample motion blur) and ffmpeg encodes them. Cuts lock to the measured beat grid of a generated score. ElevenLabs makes the music, voiceover and sound effects, Gemini or GPT the art, and speech-to-text checks every voice line, because the agent cannot listen. A still-by-still critique loop keeps the quality up.

![Template contact sheet](docs/template-contact-sheet.jpg)

Install

npx skills add Dwite/launch-film -g        # with the skills CLI (skills.sh); drop -g for one project
# or
git clone https://github.com/Dwite/launch-film ~/.claude/skills/launch-film

Claude Code picks the skill up in every project (a global install) or in the one project (a project install). Ask for "a launch film for " or run `/launch-film`.

Requirements: Google Chrome (the renderer points at the macOS path; edit `CHROME` in `template/scripts/render.mjs` elsewhere), ffmpeg, Node 18+, Python 3 with Pillow, and [uv](https://docs.astral.sh/uv/). Keys in the environment: `ELEVENLABS_API_KEY` for music, voice, sound effects and speech-to-text; optionally `GEMINI_API_KEY` and `OPENAI_API_KEY` for images.

Start a film

bash ~/.claude/skills/launch-film/new_film.sh ~/films/my-product    # or ./.claude/skills/launch-film/ for a project install
cd ~/films/my-product
node scripts/render.mjs stills 1,4,8,12,18 && python3 scripts/sheet.py review/stills review/sheet.jpg 5 400
node scripts/render.mjs video --fps 60 --sub 4 --shutter 0.5 --workers 12 --out out/master.mp4

The template is a working 20-second film (kinetic title → phone with a pop-out card and a tap → end card). Timing lives in `timeline.json`, which the page and the audio scripts both read, so picture and sound never drift apart.