Communitygithub.com

Rezepte für Launch-Filme

Finde publizierte Launch-Film-Rezepte (Frame-für-Frame analysierte und als Text niedergeschriebene Filme, teilweise mit fertigem Remotion-Code) und erstelle aus 1 bis 3 davon den Film des Nutzers. Nutze für „Vorlage verwenden“, „mit einem Rezept starten“, „30s Launch-Film aus Rezept <id> machen“, „so ähnlich wie dieser Stil“, „Optionen anzeigen“, „welches Rezept passt zu einem 30s vertikalen Launch“, „Rezept X mit unserer Marke remixen“ oder wenn ein Storyboard einen bewährten Hook, Feature-Beat, Logo-Reveal oder End Card benötigt. Durchsucht recipes/CATALOG.md oder recipes/index.json, bewertet und wählt 1 bis 3 aus, zeigt jedes mit seinem Quelllink, liest das recipe.md-Beat-Sheet und erstellt dann ein Grundgerüst mit `npx launchfilm new <slug> --recipe <id>`: fertiger Code, wenn Recipe.tsx existiert, sonst TODO-Szenen, die aus dem Beat-Sheet mit Studio-Presets erstellt werden, wobei die Timings, Federn und Sounds des Rezepts auf die Länge und das Beat-Raster des Nutzers umgetaktet werden. Verwende reference-study, um ein neues Rezept zu erstellen, story für das Storyboard, scene-build für Szenen, launch-film für die gesamte Pipeline.

Was ist Rezepte für Launch-Filme?

Eine Fertigkeit (Skill), die es KI-Agenten in Umgebungen wie Claude Code, Cursor, Codex oder ähnlichen Code-Editing-Tools ermöglicht, Rezepte für Launch-Filme zu finden und daraus vollständige Video-Produktionen zu generieren. Ein Rezept ist die detaillierte, Frame-für-Frame-Studie eines veröffentlichten Launch-Films, als Text (mit Beat-Sheet) und optional als fertiger Remotion-Code (Recipe.tsx) abgelegt. Der Skill durchsucht einen Katalog (CATALOG.md oder index.json), bewertet die Treffer anhand von Kriterien wie Seitenverhältnis, Dauer, Techniken, benötigte Eingaben und Code-verfügbarkeit und wählt 1–3 passende Rezepte aus. Er zeigt dem Nutzer die gefundenen Rezepte mit Quelllink, liest das Beat-Sheet des gewählten Rezepts aus und erstellt mit `npx launchfilm new <slug> --recipe <id>` ein Grundgerüst – entweder mit fertigem Code oder mit Platzhalter-TODO-Szenen, die die Timings, Übergänge und Sound-Events des Originals enthalten. Anschließend werden die Szenen an die Marke und den Inhalt des Nutzers angepasst, Länge und Beat-Raster neu getaktet und fehlende Komponenten im Projektordner nachgebaut. Die Fertigkeit stellt sicher, dass keine Originalinhalte (Bilder, Texte, Marken) in den neuen Film übernommen werden – die Referenz bleibt nur als externer Link erhalten. Unterstützt werden die Plattformen Claude Code, Cursor, Codex und GitHub Copilot, die `npx`-Befehle ausführen und Markdown-, JSON- und TypeScript-Dateien bearbeiten können.

Funktioniert mit~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/evgenspm/launchfilm/tree/HEAD/skills/recipes

In Ihrer bevorzugten KI fragen

Öffnet einen neuen Chat, in dem dieser Agent-Skill bereits geladen ist.

Dokumentation

Rezepte

Ein Rezept ist ein veröffentlichter Launch-Film, der studiert und niedergeschrieben wurde, damit ein Agent seine Handwerkskunst für ein anderes Produkt neu aufbauen kann. Es liegt in <studio>/src/recipes/<id>/:

DateiImmerWas sie dir gibt
recipe.mdjaWann verwenden, das Beat-Sheet (Zeiten, Frames, Bild, Kamera, Bewegung, Übergang, Sound), Techniken verlinkt auf Handwerk (craft), was anzupassen, Fallstricke, fehlende Komponenten
recipe.jsonjaDie gleichen Daten als strukturierte Daten (Schema schemas/recipe.schema.json): structure[], techniques, audio, inputs, components, source
Recipe.tsx + index.tsxnur wenn status: "built"Fertiger Code: eine Komponente parametrisiert durch brand + content, registriert mit einer Demo-Marke

Die meisten Rezepte sind reiner Text (status: "studied"), und das reicht aus, um daraus zu bauen: Du schreibst die Szenen aus dem Beat-Sheet mit den Studio-Presets und -Komponenten. Ein Rezept enthält niemals den Quellfilm, seine Frames oder seinen Text; der Quelllink ist die Art und Weise, wie der Nutzer die Referenz sehen kann.

Führe Befehle von launch-video/ (Nutzer) oder studio/ (launchfilm-Repo) aus. recipes/ und schemas/ liegen im Stammverzeichnis der Umgebung (launch-video/ in einem Nutzerprojekt, der Repo-Stamm in launchfilm).

1. Wissen, was du brauchst (aus BRIEF.md / STORYBOARD.md)

Schreibe vor der Suche auf: Preset(s) (Seitenverhältnis), Zieldauer, Modus (Produktfilm / Launch-Film / Hybrid), Theme (dunkel/hell aus brand.json), VO ja/nein, die benötigten Beats (hook, feature, logo…), die tatsächlich vorhandenen Eingaben des Nutzers (Logo, Screenshots, eine Bildschirmaufnahme, eine wiederaufbaubare UI, Statistiken, eine URL).

2. Suche

Überfliege recipes/CATALOG.md (eine Zeile pro Rezept, gruppiert nach Familie: Format, Top-Techniken, Eingaben, Quelle, Text/Code), oder suche:

npx launchfilm ref search "statement vertical dark"            # Freitext über Titel, Zusammenfassung, Tags, Techniken
npx launchfilm ref search "launch aspect:9:16 max:30 theme:dark" # Filter: family: aspect: tech: theme: max: min: status:

Oder filtere recipes/index.json direkt (Felder: references/index-format.md):

node -e '
const idx=JSON.parse(require("fs").readFileSync("recipes/index.json","utf8")).recipes;
const want={aspect:"9:16",dur:30,techniques:["statement-sequence","end-card"],theme:"dark"};
for(const r of idx){const t=r.techniques.filter(x=>want.techniques.includes(x)).length;
 if(r.format.aspect===want.aspect||t>0) console.log(r.id,r.format.aspect,r.format.duration_s+"s",r.theme,r.vo?"vo":"-",t,r.code?"code":"text");}'

Kein Index? Durchsuche src/recipes/*/recipe.json und lese sie.

3. Bewerten und 1–3 auswählen

KriteriumPunkte
format.aspect entspricht dem Seitenverhältnis des Haupt-Presets+3 (Neuformatierung ist möglich, aber aufwändig)
format.duration_s innerhalb von ±30 % der Zieldauer (oder das Rezept deckt den benötigten Beat ab)+2
Jede Technik, die die Anforderungen des Storyboards überlappt+1 (max +4)
Jedes benötigte inputs-Feld besitzt der Nutzer+2; jedes fehlende Input, das nicht erstellt werden kann
theme stimmt mit brand.json-theme überein+1
vo stimmt mit dem Plan überein+1
code: true (fertiger Recipe.tsx) wenn der Nutzer es eilig hat+1; status: "reviewed"
render_cost schwer, während der Nutzer auf einem Laptop arbeitet oder es eilig hat−1

Text vs. Code ist ein Geschwindigkeitsbonus, kein Qualitätsfilter: Ein Text-Rezept, das zur Aufgabenbeschreibung passt, ist besser als ein codiertes, das nicht passt. Nimm das beste für einen ganzen Film, oder bis zu 3 für verschiedene Beats (Hook von A, Features von B, End Card von C).

4. Die Auswahl anzeigen

Zeige dem Nutzer für jede Auswahl:

  • Titel (id) und text oder code;
  • eine Zeile, warum es zur Aufgabenbeschreibung passt (Seitenverhältnis, Länge, abgedeckter Beat, vorhandene Eingaben);
  • das Beat-Sheet in 3–6 kurzen Zeilen (0–3.1 s hook: name blurs in word by word…), zusammengefasst aus recipe.md;
  • den Quelllink (source.url), damit der Nutzer das Original selbst ansehen kann. Es gibt keine gehosteten Vorschauen.

In einer betreuten Sitzung lass sie wählen. Wenn der Nutzer „entscheide selbst“ gesagt hat, nimm die höchste Punktzahl und sage das in einer Zeile.

5. Das Rezept lesen

Lese das gewählte recipe.md vollständig: das Beat-Sheet, Bewegung in Frames und benannten Federn, Übergänge, den Sound bei jedem Ereignis, „Was anzupassen“, „Fallstricke“, „Fehlende Komponenten“. Lese recipe.json structure[], audio, inputs, components. Diese Zahlen sind das Handwerk, das du wiederverwendest; Bild und Text stammen vom Nutzer.

6. Grundgerüst erstellen

npx launchfilm new <slug> --recipe <id> --preset x-16x9 [--title "Produkt"] [--dry-run]
  • Rezept mit Code: films/<slug>/Film.tsx erhält eine recipe-Szene, die die Komponente des Rezepts mit ihren Standardwerten rendert; du änderst ihre content-Props (recipe.json params) und übergibst die Marke.
  • Text-Rezept: film.json erhält einen Shot pro Beat-Sheet-Zeile (die Zeiten des Rezepts, seine Übergänge und SFX), und Film.tsx erhält einen TodoScene pro Shot mit dem Bild, der Kamera, der Bewegung und dem Sound der Zeile als Kommentare. Die CLI gibt die Liste der TODOs aus. Ein TodoScene rendert einen beschrifteten Platzhalter, und npx launchfilm qa schlägt fehl (B1), solange einer übrig ist.
  • Beide kopieren recipe.md nach films/<slug>/RECIPE.md und füllen STORYBOARD.md mit den Zeilen des Rezepts vor.
  • Rezepte kombinieren: Grundgerüst aus dem Rezept, das die meiste Laufzeit dominiert, dann die Zeilen der anderen Rezepte als Shots hinzufügen (ihre Recipe-Komponente als Szene, wenn sie Code haben, sonst TODO-Szenen).

7. Bauen (Details: references/remix.md)

  1. Takte zuerst das Grundgerüst auf die Länge und das Beat-Raster des Nutzers um (remix.md §3): Behalte die Beat-Reihenfolge und Proportionen bei, raste jede Grenze auf einen Downbeat oder eine VO-Phrase ein. Aktualisiere die Shots in film.json und die STORYBOARD-Zeilen; der Nutzer genehmigt das Storyboard (Gate 3), bevor Szenen gebaut werden.
  2. Marke: brand.json in jede Szene durch useBrand() (Code-Rezepte: die brand-Prop). Bearbeite niemals den Rezept-Ordner.
  3. Inhalt: Produktname des Nutzers, Zeilen, Statistiken und UI. Niemals den Text des Quellfilms oder den Text der Demo-Marke.
  4. Text-Rezept-Szenen: Ersetze jeden TodoScene durch eine Szene, die aus src/presets und src/components erstellt wird (lies zuerst API.md; die Fertigkeit scene-build besitzt die Regeln). Verwende die Komponenten, die recipe.json auflistet; behalte die benannten Federn, Frame-Anzahlen, Staffelungen und Übergangs-IDs der Zeile exakt bei; Bewegungsdauern skalieren nicht mit der Filmlänge. Eine Komponente, die das Rezept unter „Fehlende Komponenten“ auflistet, wird in films/<slug>/scenes/ nach ihrer Spezifikation gebaut.
  5. Sound: Jedes Ereignis in audio.sfx und das sfx jeder Zeile behält seinen Sound am neuen Frame (Kleberegel, craft/02).
  6. Standbilder bei jedem Shot vor jedem Rendern (scene-build Schritt 4), dann film-qa.

Regeln

  • Rezepte sind Ausgangspunkte, keine Ergebnisse: Der Film trägt die Geschichte des Nutzers (STORYBOARD zuerst genehmigt).
  • Nichts aus der Quelle fließt in den Film: kein Quelltext, keine Quellmarke, kein Quellmaterial. Der Quelllink dient dem Nutzer zum Ansehen und bleibt in recipe.json und deiner Nachricht, niemals im Film.
  • Fehlende Komponente → baue sie innerhalb von films/<slug>/scenes/, nicht im Rezept-Ordner oder in gemeinsamen Presets.
  • Halte in STORYBOARD.md fest, welche(s) Rezept(e), welche Zeilen, den Skalierungsfaktor und die Parameter, damit eine Wiederholung reproduzierbar ist.

Individual skills in this repo

This repo contains 4 individual skills — each has its own dedicated page.

evgenspm/launchfilm

Brand intake for a launch film, product video or promo: capture the product's real colors, fonts, logo, radius and theme from the user's repo (Tailwind config, CSS variables, shadcn tokens, next/font, logo SVG), then the live website, then screenshots, and write films/<slug>/brand.json with a source for every value. Use when starting a new film, when the brand, logo or colors changed, or when the user says "use my brand / my colors / my logo". Hard stop if capture fails: never invent a logo or colors. Not for picking a look or grade (scene-build, craft/06) or for writing copy (story).

evgenspm/launchfilm

QA a rendered launch film before anyone ships it. Use for "QA the video", "check the render", "is it ready to post", "review the film", "why does it look cheap", "check the captions/safe zones/loudness", after every render and before package. Reads the CLI's automatic report (`npx launchfilm qa <slug>`), contact sheets and stills at key timestamps, then checks text-at-time readability, contrast, platform safe zones, loudness (−14 LUFS, −1.5 dBTP), ffprobe encode specs, black and frozen frames, cuts on the beat, and the 12 amateur tells as blocking checks. Writes qa/<slug>/QA.md where every line cites a file or a measured number; a check that was not run says NOT CHECKED, never PASS. Use scene-build to fix picture problems it finds, sound to fix the mix, launch-film for the whole pipeline, reference-study for reference videos.

evgenspm/launchfilm

Launch video, launch film, product video, product launch, promo, teaser, trailer, demo video, Product Hunt video, X / LinkedIn launch clip, reel, hero loop, motion graphics, "make a video for my product", Remotion film. Router and gated pipeline for making a pro product-launch film with the launchfilm studio in ./launch-video: brief, brand intake, story and storyboard (user approves), sound, scene build, frame QA, render per platform preset, package, post copy, one-time credit note. Use this first for any request to make, remake or revise a launch or product film; it calls the sibling skills (brand-intake, story, sound, scene-build, recipes, film-qa, launch-post). Do not use it to study a reference video (use reference-study), to browse recipes only (use recipes), or for generic Remotion questions unrelated to a launch film.

evgenspm/launchfilm

Write the launch post that goes with the film: X / Twitter post, LinkedIn post, Product Hunt tagline, description and maker comment, written in the founder's own voice, concrete, no AI slop ("excited to announce", em dashes, buzzwords). Triggers: write the tweet, launch post, LinkedIn post, Product Hunt copy, PH tagline, maker comment, caption for the video, announcement copy. Use after the film is rendered (or when the user asks for post copy for an existing film); starts from `npx launchfilm post <slug>` and the film's BRIEF.md and STORYBOARD.md, writes out/<slug>/POST.md. Never posts anything. Not for the film's own on-screen script or VO (story).

Verwandte Skills