Video Shotcraftvon Vincentwei1021

Video Shotcraft Skill.

Verwandeln Sie eine echte Produktoberfläche in eine komponierte, prüfbare Video-Timeline.

Produktvideo
Remotion
Motion Design

OpenDesign herunterladen Nutzungsanleitung ansehen

Quellenprüfung · Video ShotcraftSKILL.md

Aufgabe Produktvideo Ergebnis • Ein Remotion-Videoprojekt und ein gerenderter Produktfilm • Eine aus dem Produkt abgeleitete Designspezifikation, Shot-Zuordnung und ein Storyboard • Eine prüfbare Timeline mit Aufnahme-Assets und optionalen Exporten für bearbeitbare Projekte Vor dem Start Erfordert eine Remotion-/Node-Umgebung, Browseraufnahme und ffmpeg. Einige Komponenten benötigen Three.js-bezogene Pakete; optionale Musikanalyse und Jianying-Export bringen zusätzliche Abhängigkeiten mit. Prüfen Sie die für Remotion geltende Lizenz selbst.

Redaktionelle Zusammenfassung · Quelle geprüft 2026-10-07 · kein generiertes Beispiel

01 Funktionen

Video Shotcraft

Eine Produktvideo-Pipeline mit echten Aufnahmen, die Shot-Rezepte, visuelle Produkt-Tokens, deterministische Remotion-Umsetzung, Sound und abschließende bildbasierte Prüfung verbindet.

Workflow auf QuellenbasisKein Ausführungs-Benchmark

Die Arbeitsweise

Video Shotcraft ist eine Produktionsbibliothek und ein Workflow für Produktvideos. Hauptmotiv ist eine tatsächliche Web- oder Desktop-Oberfläche: Seitenscreenshots, Elementausschnitte und Koordinaten werden zum Material für Kamerabewegungen und Funktionsdemonstrationen. Der Skill liefert Shot-Rezeptkarten, Referenzimplementierungen, wiederverwendbare Komponenten, Audio-Assets und eine Ink-Press-Vorlage, statt vom Agenten zu verlangen, jede Bewegung aus einer kurzen Beschreibung zu erfinden.

Es gibt drei getrennte Modi für vollständige Videos: Anpassung der vorhandenen Vorlage, autonome Erstellung und geführte Co-Kreation. Die Wahl des Modus ändert den Freigabeprozess, nicht die Pflicht, das Produkt zu verstehen. Visuelle Tokens sollen aus dem Produkt selbst stammen, während Shot-Karten die Bewegungsstruktur beisteuern. Finales Rendering, Bildprüfung und Sound-Behandlung gehören zum vorgesehenen Produktionsweg; nichts davon ist allein dadurch gegeben, dass ein Storyboard erzeugt wurde.

Erwartete Ergebnisse

Ein Remotion-Videoprojekt und ein gerenderter Produktfilm
Eine aus dem Produkt abgeleitete Designspezifikation, Shot-Zuordnung und ein Storyboard
Eine prüfbare Timeline mit Aufnahme-Assets und optionalen Exporten für bearbeitbare Projekte

Beispiel-Briefing ansehen

Vom Briefing zur Prüfung

01
Prüfen und Modus wählen
Lesen Sie das Produkt, ohne seinen Geschäftscode zu ändern. Entscheiden Sie, ob die vorhandene Vorlage passt, ob kreative Entscheidungen delegiert werden oder ob wichtige Entscheidungen geführte Freigaben brauchen.
02
Produkt- und Sound-Richtung festlegen
Extrahieren Sie Typografie, Abstände und Materialien aus dem Produkt, bestimmen Sie sichere Demonstrationszustände und analysieren Sie vom Nutzer gewählte Musik, bevor Sie ein beat-synchrones Video als Storyboard planen. Planen Sie echte Aufnahmen für bestehende UI, statt sie aus dem Gedächtnis nachzubauen.
03
Funktionen Shots zuordnen
Wählen Sie Shot-Rezepte aus und lesen Sie deren exakte Referenzimplementierungen. Planen Sie Timing, Ruhepausen, Untertitel und Sound. Im geführten Modus ist vor der finalen Seiten- und Elementaufnahme die vollständige Storyboard-Freigabe einzuholen; in jedem Modus sind sensible Daten vor der Aufnahme zu entfernen oder zu ersetzen.
04
Rendern und prüfen
Prüfen Sie Einzelbilder und vollständige Renderings, kontrollieren Sie Timing und Datensicherheit und holen Sie die dokumentierte unabhängige Endabnahme ein. Wo Musik verwendet wird, bewahren Sie ein alternatives Rendering ohne Hintergrundmusik auf.

02 Einsatzbereiche

Wann es sich eignet

Erfordert eine Remotion-/Node-Umgebung, Browseraufnahme und ffmpeg. Einige Komponenten benötigen Three.js-bezogene Pakete; optionale Musikanalyse und Jianying-Export bringen zusätzliche Abhängigkeiten mit. Prüfen Sie die für Remotion geltende Lizenz selbst.

Gut geeignet

SoftwareproduktfilmePasst zu einer Funktionsgeschichte, deren Glaubwürdigkeit davon abhängt, wiedererkennbare Bildschirme zu zeigen statt einer erfundenen, filmisch inszenierten Oberfläche.
Eine bestimmte BewegungsbehandlungEine einzelne Shot-Karte kann eine isolierte Motion-Aufgabe unterstützen, wenn kein vollständiger Werbefilm nötig ist.

Zu prüfende Grenzen

Laufzeit und Asset-RechteRemotion sowie mitgelieferte Musik, Footage oder Schriften unterliegen eigenen Bedingungen. Die Verfügbarkeit des Skills klärt nicht alle Anforderungen der Abhängigkeiten an die kommerzielle Nutzung.
Aufnahmen können Daten offenlegenKunden-, interne und personenbezogene Informationen sowie Zugangsdaten müssen vor der Aufnahme entfernt werden. Ein optisch gelungenes Bild ist nicht akzeptabel, wenn es sensible Inhalte zeigt.

Diese Eingaben mitbringen

Produkt und Reihenfolge der FunktionenStellen Sie ein lokales Projekt, eine zugängliche Seite oder freigegebene Aufnahmen bereit sowie die echten Funktionen, die der Film erklären soll.
Modus und RahmenbedingungenWählen Sie Vorlagenanpassung, autonome Erstellung oder geführte Co-Kreation. Nennen Sie Dauer, Seitenverhältnis, unverzichtbare Shots und unverhandelbare Markenvorgaben.
Sound und sichere DatenLiefern Sie bei Bedarf freigegebene Musik und legen Sie fest, welche Demonstrationsdaten erscheinen dürfen. Bestätigen Sie Ersetzungen, bevor die Bildschirmaufnahme beginnt.

03 Wichtige Entscheidungen

Wichtige Entscheidungen

Bewegungsrezepte mit Code
Die tatsächliche Implementierung eines Rezepts bewahrt Details wie Easing und Masking, die verloren gehen, wenn ein Agent allein anhand des Shot-Namens improvisiert.
Die Produktidentität bleibt erhalten
Die Trennung von Bewegungsstruktur und Typografie bzw. Materialien erlaubt es, einen etablierten Effekt anzupassen, ohne dem Produkt einen fremden Werbestil aufzuzwingen.

04 Beispielbriefing

Ein fokussiertes Briefing testen

Das folgende Beispiel-Briefing wurde nicht getestet. Prüfen Sie die Einrichtung des Skills, bevor Sie es verwenden.

Einrichtung prüfen

Verwenden Sie das vollständige Repository mit Shot-Karten, Demos, Komponenten und Vorlagendateien. Die Rendering-Befehle der Quelle sind kein allgemeiner Installationsbefehl.

Quelldatei im Upstream

https://github.com/Vincentwei1021/video-shotcraft/blob/5ddbf521038b0a7accfb6dc1e0a9eb29c67277ab/SKILL.md

Mit einem Ergebnis beginnen

Passen Sie Umfang, Quellmaterial und Rahmenbedingungen in diesem Briefing an, bevor Sie den Skill ausführen.

Beispiel-Briefing

Verwende Video Shotcraft im Modus der geführten Co-Kreation für das bereitgestellte Projekt. Erstelle einen kurzen Film, der Suche, gespeicherte Sammlungen und Export mit echten UI-Aufnahmen erklärt und dabei ausschließlich Demonstrationsdaten verwendet. Behalte die vorhandene Typografie und die Farben des Produkts bei. Schlage vor der Produktion die Zuordnung von Funktionen zu Shots und ein vollständiges Storyboard vor, rendere dann und prüfe das Ergebnis. Veröffentliche den Film nicht und lade keine Quellaufnahmen hoch.

Ergebnis prüfen

Prüfen Sie die tatsächliche Ausgabe anhand dieser beobachtbaren Kriterien.

Gerenderte UI-Bilder entsprechen den freigegebenen Produktzuständen und enthalten keine sensiblen Daten.
Jeder ausgewählte Shot lässt sich einer konkreten Funktion oder einem erzählerischen Zweck zuordnen.
Das gelieferte Rendering wurde als vollständige Sequenz geprüft, nicht nur anhand einzelner Standbilder.

OpenDesign bietet einen lokalen Design-Arbeitsbereich für Coding-Agenten. Dieser Eintrag bedeutet nicht, dass der Skill mitgeliefert wird oder dass seine externen Tools, Zugangsdaten und Softwareabhängigkeiten enthalten sind.

OpenDesign herunterladen Schnellstart lesen

05 Quelle und Lizenz

Quelle und Lizenz

Diese Seite beschreibt die unten verlinkte festgelegte Quellrevision. Verhalten und Anforderungen im Upstream können sich ändern.

Quelleninhaber: Vincentwei1021
Repository: Vincentwei1021/video-shotcraft
Skill-Datei: SKILL.md
Lizenz: Apache-2.0
Geprüfter Stand: 2026-10-07 · 5ddbf521038b

Redaktionelle Quellenzusammenfassung

Eine Produktvideo-Pipeline mit echten Aufnahmen, die Shot-Rezepte, visuelle Produkt-Tokens, deterministische Remotion-Umsetzung, Sound und abschließende bildbasierte Prüfung verbindet.

Originalzusammenfassung von OpenDesign auf Grundlage der verlinkten Quelle. Repository-Sterne sind ein datiertes Popularitätssignal, keine Skill-Nutzung und kein Qualitätswert.

06 Fragen vor dem Start

Fragen vor dem Start

Muss ich den Ink-Press-Look verwenden?

Nein. Die Vorlage ist ein Modus. Autonome und geführte Erstellung können eine neue Richtung entwickeln, und selbst bei der Vorlagenanpassung sollte die visuelle Identität des Zielprodukts verwendet werden.

Kann ich nur eine einzelne Animation anfordern?

Ja. Die Quelle unterstützt es, für eine fokussierte Motion-Aufgabe eine einzelne Shot-Karte und deren Referenzimplementierung zu verwenden.

Erfolgt der Export in ein bearbeitbares Videoprojekt automatisch?

Die Quelle beschreibt eine optionale Jianying-Exportroute. Sie benötigt eigene Abhängigkeiten und Plattformprüfungen und sollte daher getrennt vom Haupt-Rendering angefordert und überprüft werden.

OpenDesign

Schaffen Sie Raum für die nächste Design-Iteration.

Halten Sie Briefing, Quellmaterial und Designarbeit in einem lokalen Arbeitsbereich zusammen. Prüfen Sie die Einrichtung des Skills, bevor Sie ihn in Ihren Workflow aufnehmen.

OpenDesign herunterladen Design-Skills durchsuchen