Was macht Nonstop Motion?
Verwandelt ein Thema in ein 15–40 s langes vertikales Bewegtgrafiken-Video, das:
- Das Scrollen in den ersten 0,5 s stoppt (Frame 0 zeigt bereits den Hook, niemals ein Einblenden aus Schwarz).
- Nie stillsteht. Drei Bewegungsebenen laufen jederzeit (Kamera, Umgebung, Inhalt).
- Schnell, aber lesbar bleibt. Die Länge jedes Taktes wird berechnet anhand der Wortanzahl, sodass jede Zeile lange genug auf dem Bildschirm bleibt, um gelesen zu werden, aber nicht länger.
- Zu jedem Thema passt. Die Takte sind generisch (Hook, Stat, Liste, Vergleich, UI, Chat, Dialog…). Vier Themes und drei Tempi decken Tech, Finanzen, Bildung, Comedy, Produkt und Story-Content ab.
Jedes Video besteht aus zwei Ebenen:
- Im Hintergrund: eine Low-Poly-3D-Welt mit drei Sets (Schreibtisch, Dachterrasse, Bühne), dem 3D-Maskottchen Blip und 14 kinematischen Kameraeinstellungen (Snap-Zoom, Vertigo Dolly-Zoom, Whip, Kran, Dutch, Orbit…). Jeder Takt erhält seine eigene Einstellung.
- Im Vordergrund: kinetische Typografie, UI-Fenster, Chat, Statistikringe, Listen und Vollbild-Punches.
- Sound: original generierte Musik. Jeder Schnitt landet auf einer Kick, die Kamera puncht auf jeden Beat, und SFX treffen auf die Schnitte.
Die Engine ist ein Remotion-Projekt in template/. Du schreibst für ein normales Video keinen Animationscode. Du schreibst scripts/<slug>.json und renderst dann.
Arbeitsablauf (in dieser Reihenfolge vorgehen)
1. Brief (nur das fragen, was du nicht ableiten kannst)
- Thema + die eine Erkenntnis, die der Zuschauer mitnehmen soll (ein einziger Satz).
- Zielgruppe + Sprache. Schreibe in der Sprache, in der der Ersteller postet, inklusive Slang, z. B. indonesisches „lu/gw“.
- Ziel → CTA: folgen (Serie), speichern (nützliche Liste), teilen (relatierbar), kommentieren (Meinung oder Frage).
- Nische → Theme + Tempo. Siehe
references/adaptation.md.
2. Eine Struktur wählen
Wähle einen Bogen aus references/adaptation.md (Problem→Twist, Mythos→Wahrheit, Geschichte/POV, Liste, Versus, Erst-die-Zahl, Aufbau→Pointe) und ordne ihn Takten zu. Ziel: 6–10 Takte, 18–35 s.
3. Das Beat-Skript schreiben
Lies references/beats.md für die Felder jedes Taktes. Harte Regeln:
- Takt 1 ist immer
hook, maximal 8 Wörter, mit einer Neugierlücke oder Spannung (Formeln inreferences/retention.md). - Eine Idee pro Takt. Halte Texttakte bei 12 Wörtern oder weniger. Wenn eine Zeile länger ist, teile sie in zwei Takte; schnelles Tempo kommt von mehr Takten, nicht von mehr Wörtern.
- Markiere eine Betonung pro Takt mit
*Sternchen*. Es wird in der Akzentfarbe mit einem Marker-Sweep gerendert, und das Auge des Zuschauers geht dorthin. - Wechsele den Takttyp mindestens alle 2 Takte. Setze niemals 3 gleiche Typen hintereinander. Verwende etwa alle 3–4 Takte einen
punchoderstatals Musterunterbrechung. - Zeige, beschrifte nicht. Wenn das Thema Software betrifft, verwende
ui. Ein Gespräch inchat, Zahlen instatund A-vs-B incompare. - Der letzte Takt ist
cta. Sein CTA muss mit dem Ziel aus Schritt 1 übereinstimmen. - Erfinde niemals Fakten. Markiere Beispielzahlen als Beispiele („z. B.“) oder verwende echte, belegte Zahlen.
4. Linten, rendern, QA
template/ liegt neben dieser SKILL.md. Bei erster Verwendung, falls template/node_modules fehlt, führe dort npm install aus (dauert ~1 Min.).
cd template
npm install # nur beim ersten Mal
npm run lint:script -- scripts/<slug>.json # Lesbarkeit, Tempo, Einstellungsplan, Beat-Grid-Timing
npx remotion render NonstopShort out/<slug>-draft.mp4 --props=scripts/<slug>.json --scale=0.4 # schneller Entwurf
npx remotion render NonstopShort out/<slug>.mp4 --props=scripts/<slug>.json # finale 1080×1920
bash scripts/qa-sheet.sh out/<slug>.mp4 # Kontaktblatt → out/<slug>-sheet.png
Öffne das Kontaktblatt und überprüfe:
- Frame 0: Ist der Hook sichtbar?
- Jeder Takt: Ist der Text lesbar und innerhalb des Safe-Bereichs?
- Statische Abschnitte: Ist irgendeine Einstellung länger als etwa 1 s tot?
- Überlappungen: Stoßen Elemente aneinander?
Korrigiere zuerst durch Bearbeiten des JSON: Takte aufteilen, hold (0.8 strafft, 1.3 verweilt) verwenden oder transition, shot oder set ändern. Bearbeite Code nur, wenn das JSON die Änderung nicht ausdrücken kann. 3D-Renderings dauern ~1–2 s pro Frame auf einem CPU-Server, also führe immer zuerst eine QA mit --scale=0.4-Entwurf durch.
Interaktive Vorschau: npx remotion studio.
5. Ausliefern
Liefere die MP4, das JSON und eine Bildunterschrift mit 3–5 Hashtags aus. Musik und SFX sind bereits in der MP4: ein original generierter Track, dessen BPM zum Tempo passt. Um stattdessen einen trendigen Sound zu verwenden, rendere mit "music": false und füge den Sound in der App hinzu; die Schnitte folgen weiterhin einem 92/118/140 BPM-Raster.
Themes × Tempi
| Theme | Look | Am besten geeignet für |
|---|---|---|
midnight | Nachtblau, warme Amber-Akzente, sanfter Glow, Maskottchen | KI/Tech, Storytelling, POV-Sketche |
paper | Cremepapier, schwarze Konturen, versetzte „Sticker“-Schatten | Bildung, Wissenschaftsfakten, Lifestyle, Comedy |
terminal | Fast-Schwarz, Phosphorgrün, 3D-Scroll-Gitter | Dev-Humor, Hacking/Sicherheit, Gaming |
editorial | Off-White, Serif-Display, ruhige Linien | Finanzen, Wirtschaft, Nachrichten, Selbstverbesserung |
| Tempo | Lesegeschwindigkeit | min Takt | Gefühl |
|---|---|---|---|
chill | 2,6 Wps | 1,6 s | Storytelling, emotional |
fast (Standard) | 3,5 Wps | 1,0 s | Meistens Content |
hyper | 4,0 Wps | 0,75 s | Memes, schnelle Listen, Gen-Z-Humor |
meta.mascot: false entfernt das Maskottchen (für ernste oder Brand-Content verwenden). meta.mascotName benennt es um.
meta.world: "flat" deaktiviert die 3D-Welt (nur 2D, ~3× schneller). meta.music: false oder { file, bpm, volume }. meta.sfx: false schaltet die Wuschelgeräusche stumm.
Referenzdateien (bei Bedarf lesen)
references/beats.md: jeder Takttyp, seine Felder und wann er verwendet wird. Vor dem Schreiben eines Skripts lesen.references/adaptation.md: Nische → Theme/Tempo/Bogen, mit fertigen Taktsequenzen.references/retention.md: Hook-Formeln, Musterunterbrechungen, Loops, CTAs.references/camera-and-music.md: Sets, die 14 Kameraeinstellungen, Beat-Sync-Regeln, benutzerdefinierte Musik, Rendergeschwindigkeit.references/tempo-and-motion.md: die Timing-Mathematik und Bewegungsprinzipien; vor Codeänderungen lesen.references/style-principles.md: die visuellen Prinzipien hinter dem Look (Stimmungswelt, Akzent, Charakter, Rhythmus).references/originality.md: Regeln, um originell zu bleiben (vor jeder Marken-/IP-Anfrage lesen).references/extending.md: ein Theme, einen Takttyp, ein benutzerdefiniertes Maskottchen, Musik oder Voice-Over oder andere Seitenverhältnisse hinzufügen.