Communitygithub.com

Claude Video 2.0

Erstelle Studio-Qualität Bewegungsgrafiken kostenlos mit Claude Code. Galerie mit 21 Looks, 5 Fragen, dann Code-gestützte Erstellung (HTML + GSAP, Rendering zu MP4 mit HyperFrames). Mit eigenen Fotos/Clips oder KI-Clips von Higgsfield.

Was ist Claude Video 2.0?

Claude Video 2.0 ist ein Skill für Claude Code, der es ermöglicht, professionelle Bewegungsgrafiken (Motion Graphics) zu erstellen – vollständig kostenlos und ohne zusätzliche Software. Der Skill führt den Benutzer durch drei Hauptphasen: Auswahl eines visuellen Stils aus einer Galerie mit 21 echten, als Video abspielbaren Looks, Beantwortung von fünf kurzen Fragen zur Konkretisierung des Projekts, und schließlich die automatisierte Erstellung des fertigen Videos mittels HTML, GSAP-Animationen und HyperFrames-Rendering. Der Skill unterstützt reine Grafiken, die Integration eigener Fotos und Videoclips sowie die Generierung von KI-Clips über Higgsfield (mit Kostenkontrolle). Jedes erstellte Stück wird einer Qualitätsprüfung unterzogen: drei Standbilder zur Freigabe, ein Pacing-Check und ein Loop-Check. Entwickelt für Claude Code auf der Kommandozeile, eignet sich dieser Skill für Aufgaben wie „Erstelle mir eine Bewegungsgrafik“, „Mache ein Video-Intro“, „Animiere dies“ oder „Erstelle einen Titel-Card“.

Funktioniert mit✓Claude Code~Codex CLI~Cursor
npx skills add https://github.com/goetzphillip10-dotcom/Claude-Video-2/tree/main

In Ihrer bevorzugten KI fragen

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

Dokumentation

Was macht Claude Video 2.0?

Drei Phasen: A. Look auswählen (Galerie) -> B. Fünf Fragen -> C. Erstellen (Storyboard, Standbilder, Rendering, Prüfungen). Jeder Schritt folgt den 5 Hacks aus references/hacks.md: ein Stil, echte Referenzen, ein Briefing in Zahlen, eine Loop-Uhr und das Prüfen von Frames, nicht von Code.

$SKILL unten bedeutet den Ordner dieses Skills (normalerweise ~/.claude/skills/claude-video-studio). Lege für jedes Stück einen eigenen Arbeitsordner an (z.B. ./video-<kurzname>/). Erstelle niemals etwas innerhalb von $SKILL.

Bevor du beginnst

Führe bash $SKILL/scripts/doctor.sh einmal aus. Wenn etwas fehlt, gib der Person den einen Befehl zum Beheben und stoppe.

Phase A: Look auswählen

  1. Starte die Galerie im Hintergrund (verwende deine Hintergrund-Ausführungsoption; sie läuft auf 127.0.0.1 und stoppt nach 90 Minuten von selbst): python3 $SKILL/scripts/gallery.py Sie öffnet sich im Browser der Person und gibt die Adresse aus. Gib ihnen die Adresse auch für den Fall, dass sie sich nicht geöffnet hat (füge --no-open hinzu, wenn du nur die Adresse möchtest). Stoppe sie, sobald sie gewählt haben, oder lass sie laufen: sie stoppt von selbst.
  2. Sage in einer kurzen Nachricht: "Deine Stilgalerie ist geöffnet: . Jede Kachel ist ein echtes, aus Code erstelltes Video. Klicke auf eine Kachel, um sie auf 'Mit Medien' umzustellen und sie mit echten Fotos und Aufnahmen zu sehen. Drücke 'Diesen Stil verwenden' auf dem, der dir gefällt, und füge ihn hier ein. Oder füge 1 bis 3 Links oder Bilder deiner eigenen Referenz ein."
  3. Wenn die Person antwortet:
    • Eine Stil-ID (wie paper-world): Lese $SKILL/styles/<id>/STYLE.md. Diese Spezifikation ist nun maßgeblich für dieses Stück.
    • Eigene Referenzen: Betrachte jede einzelne (öffne Links, lies Bilder). Schreibe eine neue Spezifikation im Arbeitsordner, STYLE.md, im Format von $SKILL/references/style-format.md. Beschreibe, WIE jede Referenz erstellt wurde (maskierter Text, langsame Kamera, lange Halte), mit Hex-Farben und Easing-Zahlen. Zeige es in 5 Zeilen.
    • "Du entscheidest": Wähle den besten Look für ihr Thema und erkläre in einem Satz warum.

Phase B: Die Fragen

Lese $SKILL/questions.md. Sende den Block zwischen seinen beiden ----Zeilen als EINE Nachricht, wortwörtlich. Überspringe alles, was sie dir bereits gesagt haben. Akzeptiere "go" als Ja zu allen Standardeinstellungen. Verwende seine Folgefragen nur bei Bedarf.

Phase C: Erstellen

  1. Briefing in Zahlen (Hack 3). Schreibe BRIEF.md im Arbeitsordner: Größe (1920 x 1080 für 16:9, 1080 x 1920 für 9:16), Länge, 30 fps, Loop oder nicht, die genauen Wörter, Farbpalette in Hex (Markenfarben ersetzen die des Stils, seine Regeln bleiben), Schriftarten mit ihren Links, Easing-Zahlen und die immer aktive Verbotsliste: keine farbverschiebenden Verläufe, kein Glühen, Bloom oder Linsenreflexe, kein lineares Easing bei etwas, dem das Auge folgt, kein zentriertes Alles, nichts, das von Null skaliert, maximal 6 Wörter auf dem Bildschirm, eine Akzentfarbe, kein falsches Chrom. Wenn die eigene Signatur des gewählten Stils mit dieser Liste kollidiert (z.B. ein Sonnenglühen, ein zentriertes Widget), gewinnt der Stil: sein Galerie-Video ist der Beweis. Alles andere auf der Liste gilt weiterhin.
  2. Storyboard. Schreibe storyboard.json (Einstellungen mit Zeiten, was die Grafik tut, und das Asset für jede: code, user_photo, user_clip oder generate; siehe $SKILL/examples/storyboard.json). Führe python3 $SKILL/scripts/storyboard.py storyboard.json aus und zeige die Tabelle.
    • Wenn eine Einstellung generate ist (ein Higgsfield-KI-Clip), zeigt die Tabelle die Kostenabschätzung. STOPPE und warte auf ein klares "Ja", bevor du etwas ausgibst. Erstelle dann jeden Clip mit python3 $SKILL/scripts/higgsfield.py generate ... --out media/shotN.mp4 --yes, einen nach dem anderen, und betrachte 3 Frames von jedem, bevor du ihn verwendest. Siehe $SKILL/references/media.md.
    • Ohne KI-Clips zeige die Tabelle und fahre fort, es sei denn, die Person hat Einwände.
  3. Erstellen. bash $SKILL/scripts/new_project.sh <work>/proj 16x9|9x16 <sekunden> <stil-id>. Wenn der Stil ein Referenzstück hat, startet das Projekt als Kopie davon: Ändere die Wörter, Farben, das Timing und die Größe gemäß dem Briefing (das Skript warnt, wenn Größe oder Länge abweichen; lege dann neu aus, niemals zuschneiden). Andernfalls erstelle aus der Vorlage. Wenn es loopen muss und die Referenz nicht, folge $SKILL/references/loops.md. Wichtige Regeln:
    • Eine Uhr für alle Bewegungen (Hack 4): STUDIO.play(t => render(t), { loop }) aus studio.js oder eine pausierte GSAP-Timeline. Gleiche Zeit rein, gleiches Bild raus: kein Math.random (verwende STUDIO.rng), kein Date.now, keine Timer.
    • Schriftarten: nur kostenlose, jede mit einem <link> geladen; wenn eine Schriftart einen Link hat, verlinke jede Schriftart (siehe $SKILL/references/hyperframes.md).
    • Medien werden innerhalb des Designs platziert (Masken, Karten, Formen), niemals unter unlesbarem Text, niemals über einem Gesicht.
    • Kopiere ihre Fotos und Clips nach <work>/proj/media/. Verschiebe oder verändere niemals ihre Originale.
  4. 3 Standbilder zur Freigabe (Hack 5). bash $SKILL/scripts/stills.sh <work>/proj <t1>,<t2>,<t3>, jedes etwa 0,6 s nach einem Szenenwechsel, sobald die Elemente an Ort und Stelle sind (sieh dir für deine eigene Überprüfung ruhig mehr an). Lese stills/peek.jpg. Bewerte Komposition, Bewegung, Typografie, Farbe und Idee von 1 bis 10 wie ein strenger Senior-Motion-Designer. Behebe die 3 schlechtesten Dinge; wiederhole, bis alle 8 oder mehr sind. Zeige dann der Person die 3 Standbilder und die Bewertungen und frage: "Zum Rendern freigeben?" Warte auf ein Ja (bei Anmerkungen: korrigieren, neue Standbilder, erneut fragen).
  5. Rendern. bash $SKILL/scripts/render.sh <work>/proj <work>/out/draft.mp4 draft.
  6. Prüfungen. python3 $SKILL/scripts/pacing_check.py <work>/out/draft.mp4 (füge --loop hinzu, wenn es loopt; keine toten Pausen über 1 s, nichts auf dem Bildschirm unter 0,3 s) und, falls es loopt, python3 $SKILL/scripts/loop_check.py <work>/out/draft.mp4 --project <work>/proj (Frame bei 0 s muss dem Frame am Ende entsprechen). Lese das Kontaktblatt. Korrigiere und rendere erneut, bis beide bestehen.
  7. Finale. bash $SKILL/scripts/render.sh <work>/proj <work>/out/final.mp4 high, führe die Prüfungen erneut für die finale Datei durch.
  8. Übergabe. Gib den Pfad, die Länge, die Bildgröße, die Dateigröße, die Prüfergebnisse, die Bewertungen und einen Satz dazu aus, was du als nächstes versuchen würdest. Wenn die Datei größer als 20 MB ist, erstelle auch eine kleinere Kopie zum Teilen: ffmpeg -v error -i final.mp4 -c:v libx264 -crf 22 -preset slow -an final-share.mp4. Lese dann $SKILL/config.json. Wenn link nicht leer ist, beende mit einem Satz: "Weitere Stile und Hilfe: <link_label oder link> ". Wenn es leer ist, sage nichts dazu.

Harte Regeln

  • Fordere niemals einen API-Key an, drucke ihn aus, protokolliere ihn oder committe ihn. Keys befinden sich ausschließlich in der Shell oder einer .env-Datei.
  • Gib niemals Credits aus, ohne das Storyboard mit seinen Kosten zu zeigen und ein klares "Ja" für diesen Plan zu erhalten.
  • Bedecke niemals ein Gesicht mit Text oder Grafiken.
  • Sage niemals, dass eine Prüfung bestanden wurde, ohne sie ausgeführt zu haben. Sage niemals, dass ein Look richtig ist, ohne einen Frame betrachtet zu haben.
  • Ein Stil pro Stück. Eine Akzentfarbe. Die Verbotsliste gilt immer.
  • Nur kostenlose Schriftarten. Kopiere niemals Schriftartdateien in ein Projekt.

Dateien

  • gallery/ die Galerieseite und ihre Videos. scripts/gallery.py serviert sie.
  • styles/<id>/ 21 Looks: STYLE.md (Palette, Typografie, Easing, Bewegungsregeln, Signature-Moves, Medien, Verbotsliste), plus index.html, ein vollständiges funktionierendes Referenzstück, für die meisten davon.
  • questions.md die Phase-B-Fragen (frei bearbeitbar). config.json der optionale Abschlusslink.
  • references/ die 5 Hacks mit Quellen, Bewegungszahlen, HyperFrames-Regeln, Loop-Erstellung, Medienmodus und Higgsfield, Stilformat.
  • templates/motion/ der leere Starter und studio.js (die eine Loop-Uhr).
  • scripts/ doctor, gallery, new_project, stills, render, pacing_check, loop_check, storyboard, higgsfield.
  • examples/ ein kleines Briefing und ein Storyboard.

Verwandte Skills