Communitygithub.com

dzhng/jevgrep

Erstellen Sie ein Showreel-taugliches Motion-Graphics-Launch-Video mit Musik, das ein CLI, eine Bibliothek oder ein Produkt aus dessen Repository vorstellt. Verwenden Sie es, wenn nach einem Launch-, Promo-, Sizzle- oder Showreel-Video, einer animierten Einführung für ein Projekt oder einem Video für X/Social Media gefragt wird.

Was ist jevgrep?

Dieses Skill erstellt ein hochwertiges Motion-Graphics-Launch-Video im Showreel-Stil für ein beliebiges Repository (CLI, Bibliothek, Produkt). Es zielt darauf ab, ein Portfolio-stück zu produzieren, das die Qualität eines professionellen Motion-Designers zeigt. Der Workflow umfasst die Analyse des Repositorys, um die Kernidentität und Funktionsweise zu verstehen, die Entwicklung eines visuellen Konzepts basierend auf einer vertrauten Analogie und die präzise Synchronisation von Musik und Bildern. Es nutzt einen strukturierten Ansatz mit Story-Findung, Regiearbeit, Bau von Bild und Score aus einer einzigen Zeitquelle, Review als Regisseur und abschließender Auslieferung. Das Skill betont stark die *Show, don't tell*-Philosophie und vermeidet textlastige Erklärungen, indem es Bewegungen und Bilder verwendet, um das Produkt zu demonstrieren. Es ist für Plattformen wie Claude Code, Cursor und Codex konzipiert und wird über den Befehl `create-launch-video` ausgeführt.

Funktioniert mit~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/dzhng/jevgrep/tree/HEAD/.agents/skills/launch-video

In Ihrer bevorzugten KI fragen

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

Dokumentation

Launch-Video

Die Messlatte ist ein Showreel: das Stück, das ein Motion Designer in seine Bewerbungsmappe legt, um zu beweisen, wie gut er ist – dynamisch, ambitioniert, auf Musik geschnitten, eine echte professionelle Produktion und niemals eine Demo oder ein Prototyp. Gehen Sie aufs Ganze. Das Repository liefert die Geschichte; die handwerkliche Umsetzung liegt bei Ihnen. Nichts hier ist eine Vorlage: Wenn das Stück für jedes andere Projekt neu eingekleidet werden könnte, hat es versagt.

Arbeitsablauf

  1. Finden Sie die Geschichte. Lesen Sie die README, die Dokumentation, Benchmarks und Brand Art. Sind Sie fertig, wenn Sie mit Quellenangabe sagen können: Was es in einem Satz ist, wie es im Inneren funktioniert (das Publikum ist technisch versiert), und der Nachweis, der sich lohnt. Kennzeichnen Sie Behauptungen, die das Repository nicht untermauern kann, anstatt dessen Bedeutung zu erfinden.
  2. Regie führen, bevor Sie bauen. Wählen Sie ein visuelles Konzept, das aus dem gewachsen ist, was das Projekt ist (seine Metaphern, seine Brand Art, sein Mechanismus): eine Welt mit eigenem Look, Kamera und charakteristischem Move, anstatt einer Abfolge von Panels. Verpflichten Sie sich dann zu einer vertrauten Analogie aus der realen Welt für den Mechanismus (eine Stadt bauen, eine Küche betreiben, ein Überfall) und bilden Sie jeden Schritt darauf ab: Benennen Sie jeden Schritt im Vokabular der Analogie und geben Sie jedem die alltäglichen Requisiten, die ihn auf einen Blick erklären (ein Vermessungsstativ, Absteckpfähle, Kräne, ein Prüfstempel). Verdaulich ist besser als clever: Ein Zuschauer sollte jeden Schritt aus Referenzen verstehen, die er bereits kennt, ohne ein Wort lesen zu müssen. Schreiben Sie es als Einstellungsliste auf einer Musik-Zeitleiste. Sind Sie fertig, wenn jede Einstellung ihre Kamerabewegung und den einen Moment nennt, auf den ein Motion Designer stolz wäre. Eine Einstellung, deren Beschreibung „eine Karte/Ein Panel/Eine Liste erscheint“ ist, wird neu gestaltet.
  3. Bauen Sie Bild und Partitur aus einer Zeitquelle. Jede Ereigniszeit lebt an einem Ort, den sowohl die Szenen als auch der Soundtrack lesen, sodass Hits auf Hits treffen. Das Synthetisieren der Musik im Code hält diese Verriegelung exakt.
  4. Review als Regisseur. Rendern Sie einen Entwurf, kacheln Sie jede Einstellung in Kontaktabzüge und holen Sie sich eine Kritik mit frischen Augen von einem Sub-Agenten, der Ihren Plan nicht gesehen hat. Stellen Sie dann jeder Einstellung die Showreel-Frage. Korrigieren und neu rendern, bis jede Einstellung besteht, keine Stichprobe.
  5. Ausliefern. Erstellen Sie das Thumbnail (Regeln unten), rendern Sie den Master (1080p60, hochwertiges H.264, 320k AAC), zeigen Sie es im Finder an und committen Sie das Projekt als eigenständiges Paket in das Repository, wobei Renderings und generierte Audiodaten ignoriert werden und eine kurze README-Befehle, das Timing-Prinzip und die Quellen der Behauptungen sowie die Methodik außerhalb des Films abdeckt.

Marketing, kein White Paper

Führen Sie mit dem Produkt und einigen einprägsamen Vorteilen. Halten Sie Methodik, Stichprobengrößen, Fehlertoleranzen für Daten, Benchmark-Einschränkungen und Quellenangaben in der Paket-README oder einem verlinkten Bericht, nicht im Video oder in der Key-Art. Fügen Sie kein Kleingedrucktes, Fußnoten mit Sternchen, Haftungsausschlussblöcke oder defensive Erzählungen hinzu. Wenn eine Behauptung eingeschränkt werden muss, um wahr zu bleiben, verengen Sie die Überschrift selbst; verwenden Sie niemals winzige Schrift, um eine irreführende Überschrift zu retten. Überprüfen Sie jeden Frame sowohl auf Leselast als auch auf visuelle Qualität.

Zeigen, nicht erzählen

Text ist das letzte Mittel. Bevor ein Wort auf den Bildschirm kommt, finden Sie das Bild, das es überflüssig macht: ein Objekt, das sich verwandelt, eine Welt, die sich verändert, Bewegung, die die Idee ausführt. Behalten Sie Text nur dort, wo nichts Visuelles ihn tragen kann: die echten Befehle des Produkts, seinen Namen und eine Behauptung, die exakt sein muss. Die einzige Ausnahme ist die Orientierung: Geben Sie jeder Einstellung eine Überschrift, die sagt, was passiert (sie kann dynamisch sein, wie ein Live-Zähler, der mit der Aktion mitläuft), sonst liest sich die beste Animation als zufällige Bewegung. Wenn ein Entwurf auf Beschriftungen, Untertitel oder Untertitel angewiesen ist, um zu erklären, was passiert, gestalten Sie die Einstellung neu, anstatt den Text umzuformulieren.

Die Showreel-Frage

Würde ein Motion Designer diese Einstellung in sein Showreel aufnehmen? Anzeichen, dass es in Erklärvideo oder Demo abgerutscht ist:

  • Animierte Präsentation. Ein statisches Layout, in dem Elemente hineingleiten und stehen bleiben. Die Kamera eines Showreels ist immer in Bewegung, und seine Komposition ändert sich ständig.
  • Lesen, nicht schauen. Absätze, UI-Karten, Fließtext oder ein Untertitel unter einer Überschrift (eine Überschrift, die einen Untertitel braucht, sind zwei Ideen). Ein Showreel spricht in wenigen Worten auf dramatischer Skala, und die Bilder tragen den Mechanismus.
  • Gebrochene Metapher. Eine Aktion, die nicht tut, was sie darstellt: ein Schnitt, der die Teile ignoriert, die zu teilen er vorgibt, ein Etikett, das niemand vor seinem Hintergrund lesen könnte. Machen Sie die Bewegung den Objekten auf dem Bildschirm treu.
  • Ein Trick. Jedes Element erscheint auf die gleiche Weise. Ein Showreel zeigt Bandbreite: Tiefe und Parallaxe, Skalenkontrast, Match Cuts und Übergänge, die ein Element in die nächste Einstellung tragen, Speed Ramps, Licht- und Farbwechsel, Partikel und Physik, Typografie, die sich als Design bewegt.
  • Flach. Alles liegt auf einer Ebene in einem Maßstab, ohne Vorder-, Hintergrund oder Licht.
  • Taub. Bewegung ignoriert die Musik, oder die Musik liegt unter dem Bild, anstatt es zu treiben.
  • Prototyp-3D. Unstrukturierte Primitive unter flachem Licht ohne Linse: es liest sich als Tech-Demo. Wenn das Stück in 3D geht, beenden Sie es wie eine Spiel-Zwischensequenz: physikalisch basierte Materialien mit Oberflächendetails und Fasen, die Licht einfangen, Reflexionen und weiche Schatten, Emissive, die glühen, und eine Linse (Ambient Occlusion, Depth of Field, Korn, Aberration bei Einschlägen).

Regeln

  • Neu bauen, niemals Screenshot. Zerlegen Sie jede UI in Teile, die sich bewegen können.
  • Bewerten Sie Effekte in einem gerenderten Frame, niemals in der Live-Vorschau. Frame-für-Frame-Renderer (Remotion's manueller Vorlauf zum Beispiel) können stillschweigend einen Post-Stack oder eine Canvas-Ebene fallen lassen, die live gut aussieht.
  • Behauptungen bleiben exakt. Überprüfen Sie Überschriften-Behauptungen anhand der Quelle und halten Sie ihren Geltungsbereich in der Überschrift klar. Bewahren Sie unterstützende Beweise in der Dokumentation auf; befolgen Sie die Marketing-Regel oben für das, was auf dem Bildschirm gehört.
  • Sie können nicht hören. Überprüfen Sie den Mix durch Messung (integrierte Lautstärke um −11 bis −14 LUFS und ein Spektrogramm, das Anstiege und Einschläge zu ihren Cue-Zeiten zeigt) und sagen Sie in der Übergabe, dass das Audio durch Messung überprüft wurde, nicht nach Gehör.
  • Thumbnail. Feeds (X) wählen einen frühen Frame und überspringen ein Ein-Frame-Poster, also halten Sie die Vorschau für ~0,3s Vorlauf, bewegen Sie sie dann in die Eröffnung (verschieben Sie die Musik um denselben Betrag). Passen Sie den Vorlauf-Hintergrund an die Eröffnung an, damit die Wiedergabe nicht aufblitzt. Die beste Vorschau ist das Produkt bei der Arbeit (Name, Tagline, ein ausgeführter Befehl und seine Ausgabe); die Überschriftenzahl bekommt ihren Payoff-Shot und ein separates Key-Art-Standbild.

Verwandte Skills