Communitygithub.com

kinyias/hyperframes-templates

Erstelle oder bearbeite eine benutzerdefinierte HyperFrames-Komposition, wenn kein spezialisierter Workflow passt oder BRIEF.md flow: companion setzt. Verwende für längere oder mehrteilige Szenen, Brand- und Sizzle-Reels, Montagen, statische Loops, statische Titelcards, Footage-Remixe und freie Aufbauten. Verwende stattdessen motion-graphics für eine kurze, unerzählte, bewegungsorientierte Einheit, einschließlich eines animierten Titels. Leite die Neuerstellung über hyperframes, bevor dieses Skill verwendet wird.

Was ist hyperframes-templates?

Dieses Skill, 'kinyias/hyperframes-templates', ist ein vielseitiges Werkzeug für die Erstellung und Bearbeitung von HyperFrames-Kompositionen, wenn kein spezialisierter Workflow passt. Es eignet sich für längere, mehrteilige Videoprojekte wie Brand-Reels, Sizzle-Reels, Montagen, statische Loops, Titelcards, Footage-Remixe und freie Aufbauten. Das Skill unterstützt die Workflows 'automation' (automatische Routenwahl) und 'companion' (ko-kreative Zusammenarbeit) und nutzt dabei eine Reihe von Referenzdokumenten, um konsistente, qualitativ hochwertige Ergebnisse sicherzustellen. Es integriert sich nahtlos in die HyperFrames-Ökosysteme, einschließlich /media-use für Medienressourcen, /hyperframes-core für Komposition und /hyperframes-animation für Bewegungsgrafiken. Das Skill beinhaltet auch einen umfassenden Planungs- und Überprüfungsprozess mit einem 'ceiling treatment'-Ansatz, der die bestmögliche kreative Lösung priorisiert. Es ist für die Verwendung in Claude Code, Cursor und Codex konzipiert und erfordert die Installation des hyperframes-CLI-Tools. Die Nutzung dieses Skills folgt einem strengen, schrittweisen Prozess, der mit der Überprüfung von Plugins und der Initialisierung des Projekts beginnt und mit der Ausführung der Komposition und der endgültigen Bereitstellung endet.

Funktioniert mit~Claude Code✓Codex CLI~Cursor
npx skills add https://github.com/kinyias/hyperframes-templates/tree/HEAD/.agents/skills/general-video

In Ihrer bevorzugten KI fragen

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

Dokumentation

Plugin-Installationen: Führen Sie vor Setup- oder Freshness-Befehlen die Plugin-Ausführungsregeln aus, wenn sich dieses Skill innerhalb eines HyperFrames-Plugins befindet. Eigenständige Installationen behalten die untenstehenden Update-Anweisungen bei.

Allgemeines Video

Führen Sie zu Beginn npx hyperframes usage --json aus, es sei denn, der Workflow hat es gerade gelesen. Überprüfen Sie es dann erneut an Meilensteinen wie nach dem Entwurf und vor dem Rendern. Lesen Sie die verfügbaren Fenster und Reset-Zeiten. Wenn die Nutzung unbekannt ist, sagen Sie dies ohne Schätzung des Kontingents; behalten Sie Umfang und Workflow-Entscheidungen beim Benutzer.

Bevor Sie sich auf diesen Workflow verlassen, führen Sie Folgendes aus:

npx hyperframes skills update general-video

Ein erfolgreicher No-Op bedeutet, dass das Skill aktuell ist. Zeigen Sie einen Update-Fehler an, anstatt aus dem Gedächtnis fortzufahren.

1. Querschnittliche Quelladapter anwenden

  • Medien: Für jegliche Audio-, Bild-, Icon-, Logo-, Sprach-, Grade-, LUT-, Behandlungs-/Effekt-, Untertitel- oder Medienoperationen-Anforderungen, laden Sie /media-use und folgen Sie ../media-use/references/resolve.md (auflösen, übernehmen, wiederverwenden) und ../media-use/references/setup-providers.md (Anbieter, Auth). Vages Footage-Feedback und benannte Stile verwenden ../media-use/references/media-treatments.md vor der Bearbeitung; improvisieren Sie keine unterstützten Medien-Effekte mit CSS/SVG/Opazität. Führen Sie vor der ersten authentifizierten Anbieteraktion npx hyperframes auth status aus und geben Sie dessen Ausgabe wortwörtlich weiter. Wenn abgemeldet, wenden Sie die Hürde in ../hyperframes/references/brief-contract.md an: Zusammenarbeit wartet auf Anmeldung oder eine explizite Offline-Entscheidung; autonom gibt den Status an und fährt mit einem verfügbaren Offline-Anbieter fort. Zeigen Sie einen Blockierer an, wenn kein Offline-Anbieter eine erforderliche Fähigkeit erfüllen kann. Die alleinige lokale Übernahme erfordert keine Auth-Hürde.
  • Figma: Wenn eine Eingabe eine figma.com-URL ist, führen Sie zuerst /figma aus. Erstellen Sie aus dessen exportierten Assets, Tokens, Komponenten oder Storyboard-Frames. Verwenden Sie keine rohen Figma-Connector-Aufrufe, da diese die SVG-Bereinigung, Medienherkunft und Brand-Token-Bindung umgehen.

Diese Adapter ändern nicht den von /hyperframes ausgewählten Workflow.

2. Vom Projektstatus starten

Wenden Sie die erste passende Zeile an; werten Sie keine niedrigeren Statuszeilen aus:

StatusAktion
Bestimmte BearbeitungFühren Sie die Bearbeitung durch, bewahren Sie bestehende Projektentscheidungen und führen Sie dann betroffene Prüfungen erneut aus. Öffnen Sie keine Entdeckungsphase neu.
BRIEF.md existiertLesen Sie es. Wenn workflow einen anderen Workflow benennt und flow nicht companion ist, übergeben Sie. Stellen Sie keine Brief-Fragen.
Kein Brief, aber hyperframes.json oder STORYBOARD.md existierenSetzen Sie aus Dateien und aufgezeichneten Präferenzen fort. Füllen Sie BRIEF.md nur aus bekannten Fakten auf.
NeuerstellungFühren Sie /hyperframes und seine Absichtsebene aus. Kehren Sie nur für workflow: general-video oder flow: companion hierher zurück.

Wählen Sie für ein neues Projekt einen kebab-case-Verzeichnisnamen aus dem Brief und erstellen Sie das Gerüst, bevor Sie den Brief schreiben:

npx hyperframes init "videos/<project>" --non-interactive --example=blank --skill=general-video

Schreiben Sie dann BRIEF.md im Projektstammverzeichnis unter Verwendung von ../hyperframes/references/brief-format.md. In einem bestehenden Projekt ist der Stamm das Verzeichnis, das hyperframes.json enthält. Zeichnen Sie nur die bestätigten, präferenzgestützten Felder auf, die vom Briefformat benannt werden, und verwenden Sie node <MEDIA_DIR>/scripts/prefs.mjs record --hyperframes <PROJECT_ROOT>; zeichnen Sie niemals abgeleitete Standardwerte auf. Hier ist <MEDIA_DIR> das installierte /media-use Skill-Verzeichnis und <PROJECT_ROOT> ist das Verzeichnis, das hyperframes.json enthält. Wenn die Absichtsebene ein Rezept übernommen hat, wenden Sie es jetzt mit node <MEDIA_DIR>/scripts/recipe.mjs use --hyperframes <PROJECT_ROOT> --name <name> an und fragen Sie nicht erneut.

3. Die Ausführungsform interpretieren

Verwenden Sie nur die kanonischen Begriffe aus ../hyperframes/references/brief-contract.md:

FeldBedeutungWirkung
flowWer steuertautomation: Route wählen und ausführen. companion: im Gespräch gemeinsam erstellen.
storyboardPlanen, skizzieren und vor dem Bau überprüfenyes: Plan- und Skizzenüberprüfung durchführen (storyboard.html). no: ohne bauen.
abgeleiteter modeWie Checkpoint-Hürden funktionierenFolgen Sie dem Brief-Contract. Fragen Sie den Benutzer niemals, einen Modus zu benennen.

Erfinden Sie keine Synonyme für diese Zustände. Ein anhaltendes „Bau es einfach“-Signal wird von der Absichtsebene verarbeitet und kommt als flow: automation, storyboard: no an.

  • Für flow: automation wählen Sie die Route und geben Sie sie in einer Zeile im ersten Fortschrittsupdate an.
  • Für eine bestimmte Bearbeitung führen Sie die Bearbeitung durch, ohne eine neue Route zu erfinden.

Verdoppeln Sie für einen harten Schnitt, Trimmen, Splice oder eine Neuordnung von vorhandenem Footage dieselbe Videoquelle in mehrere Clip-Elemente. Setzen Sie auf jeder Kopie den Quellbereich mit data-media-start plus data-duration und legen Sie dann die autorisierte Platzierung/Reihenfolge mit data-start fest. Jedes Videosegment behält seinen Ton: Der Ton bleibt auf dem Clip (data-has-audio="true"), so dass das Schneiden des Videos auch seinen Ton schneidet. /hyperframes-core besitzt diese zeitliche Bearbeitung; verwenden Sie /hyperframes-keyframes nur für Animationen visueller Eigenschaften wie Zoom, Punch, Pan, Crop, Mask oder clip-path auf einem inneren Wrapper. Kopieren Sie die vollständigen Verträge aus ../hyperframes-core/references/creator-editing-recipes.md.

Companion-Flow

Wenn flow: companion:

  • Lesen Sie BRIEF.md und gleichen Sie akzeptierte ## Assets und ## Customizations mit den Projektartefakten ab. Schließen Sie akzeptierte, noch ausstehende Arbeiten ab; lassen Sie abgeschlossene Arbeiten in Ruhe; bieten Sie eine akzeptierte Fähigkeit nicht erneut an, als wäre sie neu.
  • Kommen Sie als Regisseur, nicht als Auftragnehmer. Ein Benutzer, der Companion gewählt hat, hat Beteiligung und Qualität gewählt; die ehrliche Antwort ist die beste Version, die Sie entwerfen können, nicht die kleinste, die Sie verteidigen können. Der erste Plan ist die Deckenbehandlung: der Handlungsbogen (entlehnen Sie die nächstgelegene Genre-Linse – Menü § Genre-Linsen), die Design-Spezifikation, die Bewegungsbehandlung jeder Szene, genannt nach Name (§ 5's Plan-Disziplin), die Übergänge, die Audio-Identität – Musik und Soundmarks oder bewusste Stille – das Material des Benutzers platziert, und ein gestalteter Anfang und Schluss. Sagen Sie, was jede Ebene in einer Zeile hinzufügt; markieren Sie die teuren (Renderzeit, Anmeldung, Abrechnung), während Sie sie nennen. Der Benutzer trimmt eine Behandlung herunter; sie sollten niemals eine Genehmigung für eine Genehmigung zusammenstellen müssen.
  • Die Decke gehört zum Konzept, nicht zum Werkzeugkasten. Jede Ebene muss der Botschaft des Briefes dienen – eine Behandlung, die jedes Video gleich kleiden würde, ist Dekoration. Handwerk steigt zur Decke; Inhalt wächst nie über das Gefragte hinaus (§ 6).
  • Zwischen Checkpoints funktioniert ../hyperframes/references/capability-menu.md in zwei Richtungen. Als Triggerliste: Bieten Sie eine relevante Fähigkeit an, wenn der Benutzer ihre Eingabe erwähnt oder der Bau ihr Bedürfnis erreicht. Als Upgrade-Kanal jedes Durchlaufs: Ein Plan-, Skizzen- oder Bau-Checkpoint kann ein oder zwei verfolgte Angebote tragen, die auf das Material gerichtet sind, das der Benutzer gerade ansieht („Die Statistik in Szene 3 möchte die Count-up-Behandlung“). Lesen Sie es, bevor Sie anbieten; geben Sie niemals den vollständigen Katalog aus.
  • Nachdem der Benutzer eine Fähigkeit akzeptiert hat, produzieren Sie ihr Artefakt und zeichnen Sie die Entscheidung sofort im entsprechenden BRIEF.md-Textabschnitt auf. Überschreiben Sie ein Frontmatter-Feld und zeichnen Sie die bestätigte Präferenz nur auf, wenn der Benutzer sie explizit ändert.
  • Behalten Sie dieselben Storyboard-, Validierungs-, Final-Preview- und Render-Approval-Hürden bei. Companion ändert, wer steuert, nicht, was Qualität erfordert.

4. Vor jeder Phase erforderliches Wissen laden

Diese Lesevorgänge sind obligatorisch, wenn ihre Bedingung zutrifft:

BedingungVor dem Handeln lesen
Jegliches Kompositions-HTML oder Szenen-Layout/hyperframes-core; verwenden Sie references/determinism-rules.md für seinen Layout-Vertrag
Jegliche nicht-triviale Erstellung oder visuelle Behandlung/hyperframes-creative → references/house-style.md und references/video-composition.md
Jegliche Bewegung, Animation oder Szenen-Übergang/hyperframes-animation; folgen Sie seiner Routenführung zu den passenden Regeln, Adaptern, Blaupausen oder Übergangsreferenzen
storyboard: yes../hyperframes/references/storyboard-format.md und ../hyperframes/references/review-loop.md
Jegliches Medien-Asset oder -Operation, einschließlich Erzählung, Hintergrundmusik, Soundeffekte, Untertitel, Grading oder Transformationen/media-use (die eigenen Musik- und Soundeffekt-Werkzeuge einer Host-App kommen zuerst für diese); für Framework-Wiedergabe und Platzierung lesen Sie auch /hyperframes-core → references/variables-and-media.md
Multi-Szenen-Assembly../hyperframes/references/production-loop.md
flow: companion, vor dem ersten Plan/hyperframes-creative → references/story-spine.md und references/house-style.md; die nächstgelegene Genre-Linse und das vollständige ../hyperframes/references/capability-menu.md – die Deckenbehandlung wird daraus entworfen, nicht erinnert
Ein Companion-Fähigkeitsangebot, Capture, Beat-Grid, generatives Video, Karte, Veröffentlichung oder Cross-Workflow-Fähigkeit../hyperframes/references/capability-menu.md
Eine Design-Spezifikation existiert, vor der endgültigen Genehmigung/hyperframes-creative → references/design-adherence.md

Ersetzen Sie diese Lesevorgänge nicht durch Erinnerung. Progressive Offenlegung spart Kontext nur, wenn die passende Referenz tatsächlich geladen ist.

5. Die Komposition ausführen

Verwenden Sie diese Abhängigkeitsreihenfolge. Überspringen Sie eine Phase nur, wenn ihre Eingabe fehlt.

  1. Plan. Geben Sie den Betrachterbogen, die Struktur, den Rhythmus und den Laufzeit-Treiber an. Verwenden Sie eine Datei für eine kurze einzelne Szene; verwenden Sie Unterkompositionen für drei oder mehr harte Szenenschnitte oder jede wiederverwendete Szene. Lesen Sie /hyperframes-creative → references/story-spine.md für erzählte Bögen, references/beat-direction.md für Rhythmus und /hyperframes-core → references/composition-patterns.md für Struktur. Für einen offenen, mehrszenigen Brief erweitern Sie den Prompt über /hyperframes-creative → references/prompt-expansion.md. Ein mehrszeniger Plan zitiert die Form jeder Szene: eine Blaupausen-ID aus /hyperframes-animation → blueprints-index.md, wenn eine passt, oder die benannten Regeln, die sie aus rules-index.md komponiert, wenn keine passt – Bewegungsnamen stammen aus diesen Indizes, nie erfunden. Die Story-Wahrheit entscheidet, welche Szenen existieren; das Zitat kleidet sie ein. Durchsuchen Sie den Live-Katalog, bevor Sie planen, irgendeinen Look selbst zu bauen: für jeden Look, Effekt, jede Behandlung oder jeden Übergang, den der Brief nennt – „CRT-Zeilen“, „Glitch“, „Filmkorn“, „Schimmer-Wisch“, „Konfetti-Ausbruch“ – führen Sie npx hyperframes catalog --query "<der Look, auf Deutsch>" --json aus und lesen Sie die Top-Ergebnisse, bevor der Plan benennt, wie dieser Look gebaut wird. Die Suche benötigt nichts installiert: kein Projekt, kein vorheriges add, kein Konto. Sie durchsucht das gesamte gehostete Register (~400 Blöcke und Komponenten) von jedem Verzeichnis aus, gilt also auch für einen Look, den der Benutzer während des Baus anfordert. Blöcke, die der Plan nennt, werden in Phase 3 installiert; autorisieren Sie einen Look von Hand nur, nachdem eine Suche danach nichts Passendes ergeben hat. Ein mehrszeniger Plan wird auch als Dispatch-Artefakt aufgezeichnet: ein ## Frame N-Block pro Szene in STORYBOARD.md – status: outline, eine deklarierte src:, die Blaupausen/Regeln-Zitation, eine

… [für die Übersetzung abgeschnitten]

Individual skills in this repo

This repo contains 3 individual skills — each has its own dedicated page.

Verwandte Skills