Was macht animonkey?
von Dustkey LLC
Eine Studio-Methode zur Erstellung von Produkt-Motion-Graphics, die sich anfühlen wie die der besten Startups: eine Geschichte, die zur Musik passt, Titel, die für sich selbst sprechen, Übergänge, die transformieren statt schneiden, Charaktere, die darstellen, was das Produkt löst, und die echte Benutzeroberfläche im Vordergrund. Es liefert eine Remotion-Vorlage, die kompiliert (template/), Skripte für Musik, Sprache, Mischung, Qualitätskontrolle und Auslieferung (scripts/) sowie Referenzdokumente mit den Zahlen (references/).
Das Handwerk wiederholt sich; das Aussehen nicht. Jeder Film erhält seine eigene visuelle Linie – Palette, Schriftart, Charakter-Finish, Licht, Kamera, Bewegungs-Persönlichkeit, Musik – definiert aus der Marke des Kunden. Das Skill gibt dir die Parameter, um Videos dieser Qualität zu erstellen, nicht um eines zu wiederholen. Kopiere niemals die Linie, Musik, den Text oder das Storyboard eines anderen Films.
Bevor du beginnst
- Lies
references/template.md(wie die Vorlage aufgebaut ist und ihre API) und, bevor du Remotion-Code schreibst, die Dokumentation der installierten Version (die@remotion/media,@remotion/threeundConfigAPIs ändern sich zwischen den Versionen). - Tools: node ≥ 20, ffmpeg/ffprobe,
uv(Python 3.12) für die Skripte; für Sprache eine Umgebung mitmlx-audio,faster-whisper,mlx-whisper,speechbrainundlibrosa(Apple Silicon). - Speicher: ≥ 5 GB freier Speicherplatz zum Rendern (
df -h /). Lösche niemals die Dateien des Benutzers, um Speicherplatz freizugeben, ohne zu fragen. - Ein neues Projekt beginnt als Kopie:
cp -R <skill>/template <project>/video && cd <project>/video && npm install.
Der Workflow
Jeder Schritt endet mit etwas Sichtbarem. Gates (G0–G3) werden auf Einzelbildern, Kontaktbögen oder Videos genehmigt, niemals auf einer Beschreibung.
0 · Brief
Sammle (und frage, was fehlt, in einem einzigen Batch): was das Produkt HEUTE tut und was nicht; für wen es ist; wo das Video platziert wird (Landing Page, App Store, Anzeigen, Event); Dauer(n); Formate (16:9, 9:16, 4:5); Sprachen; Sprache oder nicht, und in welchem Modus; Musik (mit kommerzieller Lizenz); die Marke (Logo, Farben, Schriftart, Ton); die echte UI (Screenshots, Design-Tokens aus dem Code, Symbole) und Referenzen, die der Kunde mag. Schreibe die Wahrheit des Produkts in den Plan: Nichts im Film darf versprechen, was die App nicht tut.
1 · Die visuelle Linie → G0
Definiere die zehn Achsen der Linie mit references/art-direction.md und vergleiche sie mit dem Register der verwendeten Linien (used-lines.md, privat; wenn es nicht existiert, erstelle es aus used-lines.example.md). Schreibe es in kit/palette.ts, style.ts, brand.ts (+ scripts/font-metrics.py, wenn sich die Schriftart ändert) und project/cast.ts. Rendere drei Linien-Einzelbilder (das Problem mit der Besetzung, die UI, die Schlussszene) mit scripts/still.sh und lasse sie genehmigen.
2 · Die Geschichte und die Titel
Mit references/storytelling.md: Fülle die Slots (wo der Wert entsteht, die Besetzung, das Rohmaterial, das jeder Charakter ablegt, der Verlust, die Wendung, das reisende Markenstück, die Ein-Tasten-Aktion, die Triade, der Beweis, der Einwand, der Slogan). Lege die Akte über die Form des Songs und schreibe die Titel als Spezifikationen in project/titles.ts mit references/kinetic-typography.md. Lies sie nacheinander ohne Ton: Sie müssen den gesamten Film erzählen. Führe npm run check aus, bis es in beiden Sprachen bestanden wird.
3 · Die Musik und das Raster
Mit references/audio-and-voice.md: Wähle den Track für die Linie, kartiere ihn (scripts/mapear-musica.py), schneide ihn bei Bedarf nach Takten (scripts/cortar-por-compases.py) und setze bpm und v0 in makeGrid in project/timeline.ts. Von hier an wird jedes Ereignis mit bar()/beat() geschrieben.
4 · Animatic → G1
Die echten Titel animiert, die Objekte als Silhouetten an Ort und Stelle und der Grundriss, über der Musik (und der Roh-Sprache). Genehmigt wird das TIMING. Was hier genehmigt wird, wird ausgeliefert.
5 · Produktion in Blöcken → G2
Vom höchsten zum niedrigsten Risiko (der Beweis in der Hand und die Pflanz-und-Auszahlung zuerst), jeder Block in project/blocks/ und registry.tsx:
- Charaktere, Posen, Licht und 3D-Kamera:
references/characters-3d.md; - die Produkt-UI in DOM, geklebt an die 3D-Welt, Taps und lesbare Push-Ins:
references/product-ui.md; - Kurven, Kamera-Rezepte, Transformationsübergänge, physische Böden und Übergaben:
references/motion-and-grounds.md. Überprüfe jeden Block mit einem Kontaktbogen und 100 %-Crops (references/production-and-qa.md).
6 · Integration, Checks und Master → G3
npm run check, rendern (scripts/render.sh), scripts/film-qa.py und scripts/hoja-contacto.py auf der MP4-Datei; die Sprache (scripts/voz/) und die Mischung (scripts/mezclar.py) gemessen. Sieh dir den stummen Master an wie jemand, der das Produkt nicht kennt.
7 · Varianten und Auslieferung
Sprachen, Vertikalen durch ein Fenster, 6–15 s Cuts mit mehreren Anfängen, ein Master ohne Sprache: references/marketing-and-formats.md. Liefere aus mit scripts/entregar.py (Namen, die niemals überschreiben, Cover, Kontaktbögen, Manifest).
8 · Registrieren
Füge die Linie des Films zu used-lines.md und seine Signatur zu USED_LINES des nächsten Projekts hinzu. Zeichne die Entscheidungen des Kunden in seinen eigenen Worten auf: Sie sind der Geschmack für den nächsten Film (references/taste.md).
Unverhandelbar
- Die Musik regiert. Alles in Raster-Einzelbildern; Ereignisse innerhalb von ±2 Einzelbildern eines Beats; verschiebe die Sprache, niemals das Raster.
- Ein Titel = eine zentrierte Zeile mit 2–5 Wörtern, gemessen mit der echten Schriftart (kein DOM), mit einem einzigen Akzent; wenn es nicht passt, kürze den Text, nicht die Schriftart.
- Nichts erscheint durch Deckkraft oder ändert sich durch Überblendung: die Kamera, ein Objekt oder eine Transformation trägt alles.
- Das Problem wird dargestellt von Charakteren; was sie im Problem ablegen, kommt als Ergebnis des Produkts zurück.
- Die UI ist das echte Produkt, in DOM neu gezeichnet und lesbar, wenn sie gelesen wird (≥ 3.4 px/pt).
- Ein Markenstück reist durch die Geschichte und kehrt zum Logo zurück; die Schlussszene verharrt mit der Domain.
- Vertikalen ohne Neuerstellung: derselbe Film durch ein Fenster; Texte wie sie sind; erweitere das Fenster, wo etwas nicht passt.
- Jedes Projekt hat seine eigene Linie; zwei Filme aus dem Studio sehen nicht gleich aus (Anti-Ähnlichkeit in
art-direction.md). - Ein Check muss scheitern können, und ein grüner Render beweist nichts: Sieh dir den Kontaktbogen und die 100 %-Einzelbilder an.
- Keine echten Kundendaten und keine erfundenen Fähigkeiten auf dem Bildschirm.
Was und wann lesen
| Du brauchst… | Lies |
|---|---|
| Um zu starten, die Vorlage und Befehle zu verstehen | references/template.md |
| Um das Aussehen des Projekts zu definieren (Palette, Schrift, Finish, Licht, Musik) | references/art-direction.md |
| Struktur, Akte, Charaktere, die den Prozess darstellen, Text und Sprache | references/storytelling.md |
| Titel-Spezifikationen, Ein- und Ausgänge, Messung, andere Schriftart oder Sprache | references/kinetic-typography.md |
| Kurven, Kamera, Übergänge, Böden, Rhythmus, Bewegungsmetriken | references/motion-and-grounds.md |
| Um eine Besetzung, Posen, IK, 3D-Inszenierung, Hände, Schatten zu entwerfen | references/characters-3d.md |
| Um die Produkt-UI nachzubauen und zu animieren und an die 3D-Welt zu kleben | references/product-ui.md |
| Um die Musik auszuwählen und zu schneiden, KI-Sprache, die Mischung | references/audio-and-voice.md |
| Werbeclips, Vertikalen, Sprachen, Liefergegenstände | references/marketing-and-formats.md |
| Gates, messbare Regeln, Rendering, Tools, Operationen | references/production-and-qa.md |
| Um zwischen zwei Optionen zu entscheiden, die beide funktionieren | references/taste.md |
Skripte
| Skript | Wofür |
|---|---|
template/scripts/check.sh | Überprüft ohne Rendern (Titel, Synchronisation, Böden, Kontrast, Schnitte, wiederholte Linie) in zwei Sprachen |
template/scripts/still.sh | Einzelne Einzelbilder zur Überprüfung und für die Gates |
template/scripts/render.sh | Master und Varianten: stumm in Teilen, mit einer Speicherprüfung, und dem Audio mit ffmpeg gemischt |
template/scripts/proyecto-json.sh | Die Zeitleiste als JSON für die Python-Skripte |
template/scripts/font-metrics.py | Die Messtabelle einer anderen Schriftart (statisch oder variabel) |
scripts/mapear-musica.py | Tempo, erster Downbeat, Raster und Abschnitte eines Tracks |
scripts/cortar-por-compases.py | Die Musik geschnitten nach den Rastersegmenten, ohne Klicks |
scripts/mezclar.py | Musik + Sprache mit Ducking, geschützten Tiefen und einem Messbericht |
scripts/voz/ | Sprachnotiz von den Titeln → Design → Klon → Auswahl → Platzierung |
scripts/film-qa.py | Schnitte, Bewegung, Böden und Farbe auf der MP4-Datei |
scripts/hoja-contacto.py | Kontaktbogen als PDF oder PNG |
scripts/comparar-videos.py | Zwei Rendervorgänge mit Toleranz verglichen |
scripts/entregar.py | Auslieferung mit Covern, Kontaktbögen und einem Manifest, ohne Überschreibung |
Private Fälle
Wenn ein Ordner private-cases/ existiert (er wird nie veröffentlicht), enthält er die vollständige Analyse realer Studio-Produktionen: Lies ihn, um zu verstehen, warum die Methode so ist, wie sie ist, niemals um ihre Linie, ihre Musik, ihren Text oder ihre Geschichte zu kopieren.