Videos aus dem Nichts
Mechanik: Lade hyperframes-core + hyperframes-animation. Übergeordnete Routen, die ebenfalls passen: faceless-explainer (Text),
product-launch-video (Produkt/SaaS). Die Anweisungen und Regeln dieses Skills haben bei Konflikten Vorrang.
Einrichtung
powershell -NoProfile -ExecutionPolicy Bypass -File tools/new-project.ps1 -Name "<Name>" # Text / Produkt
powershell -NoProfile -ExecutionPolicy Bypass -File tools/new-project.ps1 -Name "<Name>" -Screenshots "<Verzeichnis>" # SaaS-Promo
Produktfoto → kopiere es nach projects/<Name>/product.png. Arbeite dann in projects/<Name>/.
Stil: Frage, falls nicht angegeben, wende dann den Block aus mg-styles an. Ohne Stil: saubere weiße Milchglaskarten auf sanftem hellem Verlaufs-Hintergrund, Inter.
Briefings (fülle die Details des Benutzers ein; frage nach echten Zahlen, markiere andernfalls erfundene als Beispiele)
Nur Text (PROMPT 08) · Standard 1080x1920, 30 fps
Verwende die genauen Worte des Benutzers, niemals umschreiben oder kürzen. Ein Satz pro Bildschirm, groß genug für ein Telefon; lange Sätze auf 2–3 Zeilen auf demselben Bildschirm umbrechen. Jeder Bildschirm bleibt lange genug sichtbar, um ihn zu lesen (~0,35 s pro Wort, mindestens 1,2 s). Der gesamte Text innerhalb der mittleren 80 % der Breite. → renders/text.mp4
Produkt-Launch (PROMPT 09) · Standard 1920x1080, 30 fps, ~12 s
Wenn product.png existiert, verwende es als Held, sonst erstelle das Produkt in HTML/CSS (App-Bildschirm, Logo oder Telefon).
0–2 s Logo/Name-Enthüllung → 2–9 s drei Feature-Momente, die jeweils das Produkt bei der Ausführung der Aktion zeigen, nicht nur einen Satz → 9–12 s Endkarte: Name, eine kurze Zeile, CTA. → renders/product.mp4
SaaS-Promo (PROMPT 10) · Standard 1920x1080, 30 fps, ~60 s
- Sieh dir zuerst jeden Screenshot an (zeige die Bilder) und schreibe, was jeder zeigt.
- Beginne mit einem kurzen Aufhänger, dann jeder Bildschirm mit einem Zoom auf den Teil, der wichtig ist (Zahl, Diagramm, Schaltfläche) und einer kurzen Zeile, die erklärt, was er für den Kunden tut.
- Verwende die Screenshots so, wie sie sind — zeichne sie niemals neu.
- Kinetisches Gefühl: schnelle Zooms und Schwenks, große fette Wörter zwischen den Bildschirmen, Schnitte auf einem gleichmäßigen Takt.
- Ende mit Logo, einer kurzen Zeile, CTA. →
renders/promo.mp4
Erster Render / Test (PROMPT 02) · 1920x1080, 30 fps, 6 s
Milchglaskarte auf lila→blauem Verlauf: graues Label MEIN ERSTER RENDER, Zahl zählt 0→100 über 2 s, grüne Pille erscheint bei 4 s. → renders/first.mp4
Bewegungs-Demo (PROMPT 03) · 1080x1920, 30 fps, 14 s
Die 10 Bewegungen aus mg-styles, ~1,3 s jede, weiße Karte auf dunklem Hintergrund, Bewegungsname klein darüber. → renders/moves.mp4
Fertigstellung
npx hyperframes lint → npx hyperframes check → Schnappschüsse zu Schlüsselmomenten (ansehen) → rendern → genehmigte Datei nach exports/ kopieren.
Ton: mg-sound. Varianten / transparent: mg-export.