
Mit diesem Skill gerendert
Shotcraft Produkt-Promo v1.0.0
Ein cineastischer Promo-Film aus deiner echten Website oder App: echte Seitenaufnahmen, 124 Shot-Rezepte, Musik im Takt und Sounddesign, als MP4.
- Format
- Video · 16:9
- Länge
- 0:27
Kostenlos Kostenlos mit Konto
Füge das in deinen Agent ein. Er verbindet bei Bedarf die CLI und installiert dann den Skill.
Ein Open-Source-Skill, der deine echten Produktseiten filmt statt Mock-ups zu bauen. Dein Agent nimmt die Seiten in 2x auf, ordnet jeder Funktion ein abgestimmtes Shot-Rezept zu, schreibt das Storyboard, animiert mit Remotion, legt Effekte und Musik auf den Takt, prüft jedes Bild und übergibt dir ein MP4, das du weiter bearbeiten kannst.
Aktualisiert am 2. Nov. 2026
Das bekommst du
- Ein fertiger Promo-Film als H.264-MP4, 1920×1080 mit 30 fps
- Ein Remotion-Projekt, in dem jeder Shot, Text und Soundeffekt bearbeitbar ist
- Standbilder jedes Shots und eine Qualitätsprüfung
- Eine Credits-Datei für jeden verwendeten Soundeffekt
Gut geeignet für
- Onlineshops, Produktseiten und Launches
- Web-Apps, SaaS-Dashboards und Desktop-Tools
- Feature-Releases, die hochwertig wirken sollen
Nicht geeignet für
- Produkte ohne Website oder Screens zum Filmen
- Videos mit sprechenden Personen oder Realfilm
Über diesen Skill
/video-shotcraft Mach eine 25-Sekunden-Promo für meinen Shop auf localhost:3000: Start mit dem Produkt, dann Größenauswahl und In den Warenkorb, Ende auf unserem Logo. Gemeinsame Gestaltung, damit ich das Storyboard freigeben kann.
Gib deinem Agenten deine Website, Web-App oder deinen Onlineshop. Shotcraft nimmt die echten Seiten auf und inszeniert sie wie ein Motion Designer: Die Kamera steigt von einer Nahaufnahme des Produkts zur ganzen Seite auf, Zeilen rasten an ihrem Platz ein, ein Cursor wählt eine Option und der Preis wechselt, der Warenkorb gleitet herein und füllt sich Feld für Feld, dann verschwindet die Oberfläche und dein Markenname bleibt stehen. Jedes Bild stammt aus deinen eigenen Screens und Texten, deshalb ist der Film scharf, markentreu und komplett weiter bearbeitbar.
So funktioniert es
- Produktcheck: Dein Agent liest das Projekt oder die Website, entscheidet, was gezeigt wird, und empfiehlt einen von drei Wegen: die fertige Ink-Press-Vorlage nutzen, den Agenten alles inszenieren lassen oder gemeinsam gestalten, wobei du Briefing, Look, Shotliste und Storyboard freigibst.
- Aufnahme: Er startet deine lokale Website (oder öffnet die Live-Seite) und nimmt jede Seite in 2x auf, mit Element-Freistellern und einer Layout-Karte, damit die Kamera sich bewegen kann, ohne dass Text unscharf wird.
- Shots: Er wählt aus 124 Shot-Rezepten (Openings, Kamerafahrten, Übergänge, Interaktionen, Typografie und Outros), jedes mit abgestimmtem Demo-Code, und baut den Film in Remotion.
- Sound: Er sucht Soundeffekte auf Freesound (standardmäßig CC0) und setzt sie aufs genaue Bild; bring deine Musik mit, und jeder Schnitt sitzt auf dem Beat.
- Prüfen und Rendern: Standbilder jedes Shots, ein kompletter Render, eine Prüfung nach den Qualitätsregeln des Skills, dann das MP4.
Tipps
- Gib ihm die wichtigsten Seiten: die Produktseite, die zentrale Aktion und das Ergebnis.
- Stöbere in der Shot-Galerie und nenne die Shots, die dir gefallen; der Agent baut sie genau so.
- Nutze deine echten Texte und Preise oder lass sie vor der Aufnahme durch Beispieldaten ersetzen.
- Wähle die gemeinsame Gestaltung, wenn du das Storyboard vor dem Rendern freigeben willst.
Open Source
Shotcraft stammt von Yihao (Vincentwei1021/video-shotcraft) und steht unter der Apache-2.0-Lizenz. Der Download ist der Skill so, wie er auf GitHub veröffentlicht ist, ohne die Sounddateien der Vorlage; der Skill holt sich seine Sounds selbst von Freesound.
Was du vorab brauchst
- Du lieferst
- Deine Website oder App (ein lokales Projekt oder eine Live-URL), die Seiten und Funktionen, die gezeigt werden sollen, und optional deine Musik, dein Logo und die Shots aus der Galerie, die dir gefallen.
- Abhängigkeiten
- Node.js 20 oder neuer — erforderlich · FFmpeg — erforderlich · Python 3.9 oder neuer — erforderlich · Remotion — wird mit npm installiert; kostenlos für Einzelpersonen und Teams bis drei Personen, größere Firmen brauchen eine Remotion-Firmenlizenz
- Externe Kosten
- Keine. Aufnahme, Animation und Rendering laufen auf deinem Rechner, Freesound-Sounds sind kostenlos; es werden keine API-Keys oder kostenpflichtigen Dienste genutzt.
- Zuletzt getestet
- v1.0.0 —
Nutzerbewertungen
Noch keine Bewertungen. Installiere den Skill und bewerte ihn als Erste:r.
FAQ
Funktioniert das auch für Onlineshops, nicht nur für Apps?
Ja. Er filmt alles, was deine Seiten zeigen: Produktseite, Größenauswahl und Warenkorb funktionieren genauso wie ein Dashboard oder eine Einstellungsseite. Die Beispiele auf dieser Seite sind zwei Onlineshops.
Muss ich jeden Schritt freigeben?
Nur wenn du willst. Bei der gemeinsamen Gestaltung gibst du Briefing, Look, Shotliste und Storyboard frei; sonst inszeniert der Agent den ganzen Film selbst.
Kann ich die Effekte auswählen?
Ja. Sieh dir die 124 Shot-Rezepte in der Galerie an und nenne die gewünschten; der Agent baut sie aus ihrem abgestimmten Demo-Code.
Warum ist es kostenlos?
Shotcraft ist ein Open-Source-Skill von Yihao. Wir listen ihn so, wie er ist, mit Beispielen, die wir mit unseren eigenen Produkten erstellt haben.






