Communitygithub.com

syaiffudin85/prompt2claudevideo

Wandelt Text-Prompts in Videos um. Verwenden, wenn der Nutzer ein Video, Reel, Intro, Erklärvideo oder eine Animation aus einer Idee/einem Prompt erstellt haben möchte.

Was ist prompt2claudevideo?

Diese Fähigkeit (Skill) ermöglicht es, aus textuellen Beschreibungen (Prompts) Videos im MP4-Format zu generieren, indem sie HTML und HyperFrames nutzt. Sie ist ideal für Entwickler und KI-Agenten-Nutzer, die schnell Videoinhalte wie Reels, Intros, Erklärvideos oder Animationen aus einer einfachen Idee erstellen möchten. Der Skill unterstützt die Arbeit auf der Kommandozeile (CLI) und ist derzeit für Claude Code optimiert, kann aber auch in anderen KI-Agenten-Umgebungen eingesetzt werden, die das HyperFrames-Framework unterstützen. Der Workflow umfasst die Definition des Videokonzepts (Ziel, Dauer, Seitenverhältnis, Stil), die Erstellung eines Storyboards mit 3-6 Szenen, die Komposition der visuellen Elemente mit HTML und GSAP, sowie die Vorschau, Lint-Prüfung und finale Ausgabe als Video. Der Skill sorgt für eine strukturierte Ausgabe in Unterordnern und beachtet Git-Regeln, indem große Videodateien nicht versioniert werden.

Funktioniert mit✓Claude Code~Codex CLI~Cursor
npx skills add https://github.com/syaiffudin85/prompt2claudevideo/tree/HEAD/.claude/skills/prompt2video

In Ihrer bevorzugten KI fragen

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

Dokumentation

prompt2video

Workflow zur Umwandlung eines Prompts in ein Video (MP4) mittels HTML + HyperFrames.

Schritte

  1. Brief – Ausgehend vom Prompt des Nutzers festlegen: Ziel, Dauer (Standard 15s), Seitenverhältnis (9:16 / 16:9 / 1:1), Sprache, visueller Stil. Nur nachfragen, wenn wirklich unklar.
  2. Skript & Storyboard – In Szenen aufteilen (3-6), jede mit: Start-/Endzeit, Einblendtext, Bild, Übergang. Speichern in output/<name>/storyboard.md.
  3. Komposition – HTML/GSAP-Komposition schreiben in output/<name>/index.html gemäß Storyboard.
  4. Vorschau & Prüfung – Skill /hyperframes-cli für Lint und Vorschau verwenden; Fehler beheben.
  5. Rendern – Rendern nach output/<name>/video.mp4.
  6. Übergabe – Dateipfad, Dauer und Auflösung mitteilen.

Voraussetzungen

npx skills add heygen-com/hyperframes

Regeln

  • Ein Ordner pro Video unter output/.
  • Große gerenderte Dateien (*.mp4) nicht committen – sie sind in .gitignore.

Verwandte Skills