Zur Nutzungsanleitung springen
general-videovon HeyGen

General Video Skill.

Ein Claude Code und Codex Skill für Motion und Video: erstellt oder bearbeitet ein benutzerdefiniertes HyperFrames-Video mit mehreren Szenen, wenn keine Vorlage passt.

  • Motion & Video
  • Video
heygen-com/hyperframes · skills/general-video/SKILL.mdSKILL.md
--- name: general-video description: Author or edit a custom HyperFrames composition when no specialized workflow fits, or when BRIEF.md sets flow: companion. Use for longer or multi-scene pieces, brand and sizzle reels, montages, static loops, static title cards, footage remixes, and freeform builds. Use motion-graphics instead for a short unnarrated motion-first unit, including an animated title. Route fresh creation through hyperframes before using … --- ## 1. Apply cross-cutting source adapters ## 2. Start from project state ## 3. Interpret the run shape ## 4. Load required knowledge before each stage ## 5. Execute the composition ## 6. Gates that always apply
Front Matter und Abschnittsüberschriften aus der Upstream-Datei vom 14.09.2026 · 20.760 Zeichen insgesamt

01 Was es tut

Was der general-video Skill in Claude Code und Codex leistet

Zusammenfassung, Workflow und Ergebnisse — alles aus der SKILL.md des Skills ausgelesen.

Aus der SKILL.mdGelesen am 14.09.2026 · kein aufgezeichneter Durchlauf

In den eigenen Worten des Skills

Erstellt oder bearbeitet individuelle HyperFrames-Kompositionen für Videos mit mehreren Szenen, Brand-Reels, Montagen, Footage-Remixes, statische Loops, Titelkarten und freie Builds, wenn keine spezialisierte Workflow-Vorlage passt. Unterstützt sowohl den Automatisierungsflow (der Agent wählt und führt den Weg aus) als auch den Begleit-Flow (gemeinsames Erstellen im Dialog mit Planung auf Director-Niveau).

Übernimmt Szenenplanung bis hin zum Storyboarding, Zusammensetzen mehrerer Szenen mit optionalem Worker-Dispatch für Skalierung, Integration von Medienoperationen und behält deterministische Kompositionsverträge bei. Wird für längere Stücke oder individuelle Builds genutzt, für die ausgelieferte Workflows nicht passen.

Was er erzeugt

  • compositions/<frame_id>.html für jede Szene mit zeitgesteuerten Clip-Elementen, dimensioniertem Root und einer pausierten, seek-sicheren Timeline unter window.__timelines
  • compositions/<frame_id>.motion.json-Sidecars mit Dauern und Exit-/Entry-Vektoren für jede Szene
  • STORYBOARD.md mit einem Frame-N-Block pro Szene, der Status, src, Blueprint-/Regel-Zitat und Beat-Text enthält
  • Gerenderte Videodatei, verifiziert nach Nutzerfreigabe der finalen Studio-Vorschau
Siehe Beispiel-Prompt ↗

So funktioniert es

  1. 01
    Source Adapters anwenden

    Laden Sie media-use für jeden Bedarf an Audio, Bild, Stimme, Grading oder Untertiteln. Wenn die Eingabe eine Figma-URL ist, führen Sie zuerst den Figma-Skill aus, um Assets, Tokens und Storyboard-Frames zu exportieren.

  2. 02
    Vom Project State ausgehen

    Für gezielte Änderungen die Änderung vornehmen und bestehende Entscheidungen bewahren, ohne die Discovery-Phase erneut zu öffnen. Für Neuerstellungen zunächst die Hyperframes-Intent-Schicht ausführen.

  3. 03
    Ablaufform interpretieren

    Lesen Sie Flow (Automatisierung oder Companion), Storyboard (ja oder nein) und den abgeleiteten Modus aus BRIEF.md. Automatisierung wählt die Route; Companion gestaltet gemeinsam.

  4. 04
    Kompositionsstufen ausführen

    Planen Sie den Betrachterbogen mit zitierten Blueprints oder Regeln. Durchsuchen Sie den Live-Katalog nach jedem benannten Look, bevor Sie ihn bauen. Lösen Sie Abhängigkeiten auf und installieren Sie Registry-Blöcke.

  5. 05
    Zusammensetzen und Prüfen

    Montieren Sie Szenen, Medien, Übergänge, Untertitel und Audio. Legen Sie Musikbetten unter Sprachspuren. Führen Sie Lint nach dem ersten HTML-Durchlauf aus, dann Hyperframes-Prüfung als letztes Gate.

  6. 06
    Freigeben und Rendern

    Öffnen Sie die finale Studio-Vorschau erst nach bestandenen Prüfungen. Fragen Sie, ob gerendert oder überarbeitet werden soll. Rendern Sie erst nach Nutzerfreigabe.

02 Finden Sie Ihren Favoriten

Wann Sie die general-video Skill verwenden

Verwenden Sie die general-video skill in Claude Code oder Codex, wenn die Aufgabe Motion und Video dieser Art ist. Eignung und Grenzen sind der eigenen Datei der Skill entnommen.

Gut geeignet

  • Längere oder mehrteilige Stücke einschließlich Brand- und Sizzle-Reels, Montagen, statischer Loops, statischer Titelkarten und Footage-Remixes
  • Individuelle Freiform-Builds, wenn keine spezialisierte Workflow-Vorlage zu den Projektanforderungen passt

Grenzen kennen

  • Kurze, nicht kommentierte, primär bewegungsbasierte Einheiten einschließlich animierter Titel sollten stattdessen den motion-graphics-Workflow verwenden
  • Neue Erstellungsanfragen sollten zuerst über die Hyperframes-Intent-Ebene laufen, nicht direkt zu diesem Skill

Was Sie bereitstellen sollten

  • BRIEF.mdGeschrieben mit brief-format.md, sofern vorhanden. Enthält Workflow, Flow, Storyboard-Präferenzen und bestätigte Felder.
  • Figma-URLsJede figma.com-URL-Eingabe löst zuerst den Figma-Skill aus, um Assets, Tokens, Komponenten oder Storyboard-Frames zu exportieren.
  • Bestehender ProjektstatusSetzen Sie bei vorhandener hyperframes.json oder STORYBOARD.md dort fort. Füllen Sie BRIEF.md nur mit bekannten Fakten nach, ohne Brief-Fragen zu stellen.

03 Innerhalb des Skills

Regeln, die der general-video Skill Claude Code und Codex gibt

5 konkrete Anweisungen, Standardwerte und Grenzen, die SKILL.md für den Agenten festlegt — der Teil der Datei, der das Ergebnis verändert.

  1. Katalog vor dem Bauen von Looks durchsuchen

    Bevor Sie planen, einen benannten Look selbst zu bauen, führen Sie npx hyperframes catalog --query mit dem Look in einfachem Englisch aus.

  2. Inline schneller als Dispatch in kleinem Maßstab

    Bis zu etwa 6 kurze Szenen werden inline in einem Kontext schneller gebaut (gemessen: 5 Szenen etwa 9 Minuten inline vs. etwa 21 Minuten paketiert).

  3. Hartschnitte verwenden doppelte Quellen

    Für Hartschnitte, Trims, Splices oder Neuanordnungen vorhandenen Footage duplizieren Sie dieselbe Videoquelle in mehrere Clip-Elemente.

  4. Nur den genauen Umfang bauen

    Bauen Sie genau das, was der Nutzer angefragt hat. Eine Titelkarte ist keine Titelkarte plus drei Szenen, Musik und Untertitel. Bieten Sie Ergänzungen an, bevor Sie sie hinzufügen.

  5. Design vor HTML

    Legen Sie die Design-Quelle in dieser Reihenfolge fest: zuerst frame.md, dann design.md, dann DESIGN.md.

04 In Betrieb nehmen

general-video in Claude Code oder Codex installieren

Ein npx skills add-Befehl, dann eine erste Aufgabe in Ihrem Agent und eine Checkliste für das Ergebnis.

general-video zu Claude Code, Codex oder Ihrem Agent hinzufügen

Im eigenen Projekt ausführen; der Installer fragt, welchem Agent er hinzugefügt werden soll.

Terminal
npx skills add https://github.com/heygen-com/hyperframes --skill general-video

Generische skills-CLI-Form für skills/general-video/SKILL.md; das Repository kann einen eigenen Pfad dokumentieren.

Geben Sie dem Skill eine erste Motion- und Video-Aufgabe

In den eigenen Begriffen des Skills verfasst; ersetzen Sie die Teile in Klammern durch Ihr Material.

Starter prompt
Create a 90-second brand sizzle reel for [company name] using [uploaded footage folder]. Open with their logo reveal, follow with four product highlight scenes showing [feature A], [feature B], [feature C], and [customer testimonial clip], then close with a call-to-action card displaying their tagline and website. Use their brand colors from [design.md] and add background music that feels energetic and modern. Include lower-third captions for the testimonial.

Quelle: verfasst aus der SKILL.md in den eigenen Begriffen des Skills.

Das erste Ergebnis prüfen

Was die SKILL.md selbst als korrektes Ergebnis beschreibt:

  • Führen Sie npx hyperframes check für das abschließende Gate aus, das intern lint erneut ausführt sowie zusätzliche Validierungen durchführt
  • Prüfen Sie Zwischenpunkt-Snapshots für Sub-Kompositionen, um das Rendern der Szene zu verifizieren
  • Überprüfen Sie die Animation Map mittels hyperframes-animation/scripts/animation-map.mjs für Arbeiten mit mehreren Szenen
  • Prüfen Sie die Design-Treue anhand von design-adherence.md, wenn eine Design-Spezifikationsdatei existiert

In OpenDesign importieren Sie general-video über dessen SKILL.md-Link: Plugins → Add → Skill → Import from link, und wählen Sie es dann in der oberen Leiste aus.

05 Open Source, nachvollziehbar

Quelle, Lizenz und Verifizierung

Woher die Fakten auf dieser Seite stammen und wann sie zuletzt geprüft wurden.

Author
HeyGen
Repository
github.com/heygen-com/hyperframes Branch main
Skill-Datei
skills/general-video/SKILL.md Content-Prüfsumme bei Verifikation aufgezeichnet; Commit 558c11b
License
Apache-2.0 Aus LICENSE.
Repository-Sterne
49.761 GitHub-Snapshot vom 14.09.2026 für das gesamte heygen-com/hyperframes-Repository, das 9 Skills in diesem Katalog enthält. Keine Bewertung oder Nutzungszahl für general-video.
Verifiziert von OpenDesign
14.09.2026 Quelldatei, Pfad, Lizenztext und Sternezählung wurden geprüft. Nicht in OpenDesign main gebündelt (geprüft 28.08.2026); ein Live-Durchlauf wurde auf dieser Seite nicht erfasst.

In der SKILL.md

  1. General videoEinführung und Anforderung des Skill-Update-Befehls vor Beginn jeder Arbeit
  2. 1. Cross-cutting Source-Adapter anwendenLaden Sie media-use für Assets und Operationen; führen Sie den Figma-Skill für alle Figma-URL-Eingaben aus
  3. 2. Vom Projektstatus ausgehenAktuellen Status zuordnen: spezifische Bearbeitung, vorhandenes Briefing, Fortsetzung aus Dateien oder neues Erstellungsgerüst
  4. 3. Die Ausführungsform interpretierenLesen Sie Flow-Automatisierung oder Companion, Storyboard ja oder nein, und den abgeleiteten Modus aus dem Briefing-Vertrag
  5. Companion-FlowAls Regisseur mit Deckelbehandlung auftreten, Kanäle zwischen Checkpoints upgraden, akzeptierte Fähigkeiten sofort erfassen
  6. 4. Erforderliches Wissen vor jeder Stufe ladenPflichtlektüre-Tabelle, die Bedingungen den erforderlichen Referenzen zuordnet, einschließlich Core, Creative, Animation, Storyboard, Media, Produktion
  7. 5. Die Komposition ausführenSieben-stufige Abhängigkeitsreihenfolge: planen, prüfen, auflösen, Szenen erstellen, Bewegung zusammenführen, zusammensetzen, verifizieren, endgültige Freigabe
  8. Umfang exakt einhaltenBauen Sie nur, was der Nutzer angefordert hat; bieten Sie Ergänzungen an, bevor Sie diese hinzufügen
  9. Design vor HTML festlegenReihenfolge der Design-Quelle klären, vier Punkte abschließen, bevor HTML geschrieben wird, wenn keine Spezifikation vorliegt
  10. Den Kompositionsvertrag bewahrenZeitgesteuerte Elemente verwenden die Klasse clip, root ist dimensioniert, eine pausierte Timeline, deterministisches Rendering ohne Netzwerkabrufe
  11. Workflows sicher übernehmenAktualisieren und übernehmen Sie Genre-Referenzen und Stil aus ähnlichen Workflows, nicht deren private Skripte oder Verträge
  12. 7. FertigVollständige Checkliste ausführen: Umfang implementiert, Prüfungen bestanden, Design-Treue geprüft, Snapshots inspiziert, Vorschau freigegeben, Rendering verifiziert
Die eigene Beschreibung des Skills
Erstellen oder bearbeiten Sie eine benutzerdefinierte HyperFrames-Komposition, wenn kein spezialisierter Workflow passt oder wenn BRIEF.md flow: companion festlegt. Verwenden Sie dies für längere oder mehrszenige Stücke, Marken- und Sizzle-Reels, Montagen, statische Loops, statische Titelkarten, Footage-Remixe und freie Kompositionen. Verwenden Sie motion-graphics für eine kurze, unkommentierte, bewegungsorientierte Einheit, einschließlich eines animierten Titels. Leiten Sie neue Kreationen durch hyperframes, bevor Sie diesen Skill verwenden.

Front-Matter-Beschreibung aus SKILL.md. Die vollständige Datei umfasst etwa 20.760 Zeichen. Lesen Sie die vollständige Datei auf GitHub.

06 Vor der Installation

Fragen zum general-video Skill

Die Antworten stammen aus der SKILL.md, gelesen am 14.09.2026, nicht aus einem protokollierten Lauf.

Benötige ich ein HeyGen-Konto oder eine Anmeldung, um diesen Skill zu nutzen?

Die Authentifizierung hängt von der Flow-Einstellung und den erforderlichen Fähigkeiten ab. Vor der ersten authentifizierten Provider-Aktion führt der Skill npx hyperframes auth status aus. Beim kollaborativen Flow wartet er auf eine Anmeldung oder eine ausdrückliche Offline-Entscheidung.

Beim autonomen Flow gibt er den Status an und fährt über einen verfügbaren Offline-Provider fort. Melden Sie einen Blocker nur, wenn kein Offline-Provider eine erforderliche Fähigkeit erfüllen kann.

General Video

general-video auf eine echte Motion- und Video-Aufgabe anwenden.

Laden Sie OpenDesign herunter, importieren Sie general-video über den SKILL.md-Link, fügen Sie den Prompt oben ein und lesen Sie den Plan vor dem Ergebnis.

Terminal
npx skills add https://github.com/heygen-com/hyperframes --skill general-video

OpenDesign Desktop

Ein Designsystem. Jeder Output unverkennbar deine Marke

Im vollständigen Vibe Design Workspace gelten dieselben Markenregeln für Websites, Slides, interaktive Prototypen, Dashboards, Bilder und HTML-Videos. Verbinde Codex, Claude Code, Cursor und weitere lokale Coding-Agents und gestalte kostenlos.

  • Web, Slides, Prototypen, Dashboards, Bilder und Video
  • 140+ Designsysteme plus die vollständige Vorlagen- und Skill-Bibliothek
  • Lokales Codex und 21+ Coding-Agents verbinden · Kostenlos

Für macOS und Windows