Kostenloser Claude-Skill /brag: Aus deiner Webseite automatisch ein Launch-Video machen

Von Ernst Neumeister · Lesezeit ca. 6 Minuten

Dein Kurs ist fertig, die Verkaufsseite steht, und dann bleibt es liegen: Es fehlt das Video, das alles ankündigt. Ein Motion Designer kostet Geld, und selbst animieren willst du nicht.

Genau dafür gibt es einen kostenlosen Skill namens /brag (englisch „to brag“, auf Deutsch „angeben“). Ein Skill ist eine Anleitung, die du Claude einmal mitgibst, damit es eine bestimmte Aufgabe richtig erledigt. /brag liest dein Projekt, plant daraus ein kurzes Launch-Video und rendert es als fertige MP4-Datei. Mit Musik, Animationen und Texten, die du gleich für Instagram, LinkedIn & Co. nutzen kannst.

Hier bekommst du: was der Skill genau macht, was du dafür brauchst, die Installation Schritt für Schritt, fertige Prompts zum Kopieren und eine ehrliche Einordnung.

Was /brag macht

Du öffnest den Ordner deines Projekts, zum Beispiel deiner Webseite, und sagst Claude „let’s /brag“. Dann passiert Folgendes:

1. Der Skill liest dein Projekt und versteht, was du anbietest und wie es aussieht.
2. Er plant das Video: Welche Momente zeigt er, welcher Ton passt, welche Geschichte erzählt er?
3. Er gibt den Plan an HyperFrames weiter, ein Open-Source-Werkzeug, das Videos aus Code baut und rendert. Genau damit lasse ich auch meine Reels schneiden.
4. Du bekommst einen Ordner brag-output mit dem Plan, der fertigen Video-Datei brag.mp4 und Texten zum Teilen.

Das Ergebnis ist keine Diashow aus Screenshots, sondern ein richtiges kurzes Video mit Bewegung. Weil der Skill deine echten Seiten liest, passt es zu deinem Angebot und zu deinen Farben.

Das brauchst du

• ✅ Claude Code. Das ist die Variante von Claude, die direkt in deinem Projektordner arbeitet (zum Beispiel in der Claude-Desktop-App im Code-Reiter oder im Terminal). Dafür brauchst du ein Claude-Abo. Der Skill selbst kostet nichts.
• ✅ Ein Projekt, das Claude lesen kann. Am besten die Webseite, die du mit Claude gebaut hast, oder ein anderes Projekt in einem Ordner auf deinem Rechner. Eine Seite in einem Baukasten wie Wix kann der Skill nicht einfach „lesen“.
• ✅ Node.js (Version 22 oder neuer) und FFmpeg. Laut Anleitung braucht der Skill diese zwei kostenlosen Programme. Klingt technisch, aber Claude prüft und installiert sie auf Wunsch für dich. Den passenden Prompt findest du gleich unten.
• ✅ Etwas Geduld. Ein Video zu rendern dauert eine Weile. Plane beim ersten Mal ruhig einen Nachmittag ein und lass den Rechner in Ruhe arbeiten.

Installation Schritt für Schritt

Schritt 1: Öffne Claude Code in deinem Projektordner. Dort, wo deine Webseite oder dein Projekt liegt.

Schritt 2: Lass Claude die Voraussetzungen prüfen. Kopiere diesen Prompt und füge ihn ein:

Prüfe für mich, ob auf diesem Rechner Node.js (Version 22 oder neuer) und FFmpeg installiert sind. Erkläre mir in einfachen Worten, was fehlt, und installiere es nach meiner Freigabe. Danach prüfe mit „npx hyperframes doctor“, ob HyperFrames laufen kann. Erkläre mir jeden Schritt kurz, ich bin kein Techniker.

Schritt 3: Installiere den Skill. Gib diese zwei Befehle nacheinander in Claude Code ein (so steht es in der Anleitung von /brag):

/plugin marketplace add latent-spaces/brag
/plugin install brag@brag

Falls du statt Claude Code einen anderen KI-Agenten nutzt (zum Beispiel Codex oder Cursor), gibt es laut Anleitung auch einen Weg per npx skills add https://github.com/latent-spaces/brag --skill brag. Starte danach dein Programm einmal neu.

Dein erstes Launch-Video

Gehe in den Ordner deines Projekts und schreibe:

let's /brag

Du kannst den Ton vorgeben. Zum Beispiel für den Start eines Online-Kurses:

/brag --tone "ruhig und hochwertig, für Coaches, die einen neuen Online-Kurs starten"

Wichtig: Alle Texte im Video und in den Share-Texten bitte auf Deutsch, in der Du-Form. Zeig mir zuerst den Plan und warte auf mein Ja, bevor du renderst.

Weitere Schalter aus der Anleitung:

• ✅ --voice schaltet eine Sprecherstimme dazu. Standardmäßig ist sie aus.
• ✅ --full nutzt den klassischen Weg mit HyperFrames. Auf dem Claude-Modell Opus 5.5 schaltet /brag laut Anleitung automatisch auf die schlankere Variante /brag-slim um, die ohne HyperFrames auskommt.
• ✅ --tone "..." gibt den Stil vor, etwa „ruhig“, „witzig“ oder „wie ein Trailer“.

Am Ende liegt im Ordner brag-output das fertige Video. Schau es dir an, sag Claude, was dir nicht gefällt („Die Musik ist zu hektisch, das Logo kommt zu spät“), und lass es einmal neu rendern.

Ehrlich: Was du wissen solltest

• ✅ Kein Knopfdruck für Anfänger. Du arbeitest mit Claude Code in einem Projektordner. Wer das noch nie gemacht hat, braucht für den Einstieg etwas länger. Der Prompt oben nimmt dir die Technik-Prüfung ab.
• ✅ Prüfe jedes Video vor dem Posten. Schau auf Preise, Versprechen und Namen. Die KI liest dein Projekt, kann aber Details falsch verstehen.
• ✅ Schreib dazu, dass alles auf Deutsch sein soll. Der Skill kommt aus dem englischsprachigen Raum. Sag deshalb ausdrücklich, dass Video- und Share-Texte auf Deutsch sein sollen, und kontrolliere sie.
• ✅ Musik und Rechte. Der Skill bringt laut Repository eigene Musik und Soundeffekte mit. Wenn du das Video kommerziell einsetzt, lies die Lizenzhinweise im Repository, bevor du es groß bewirbst.
• ✅ Ein Open-Source-Projekt ändert sich. Befehle und Funktionen können sich verschieben. Im Zweifel gilt die README auf GitHub.

Stand dieser Anleitung: Ich habe das Repository am 30.09.2026 geprüft. Es hat über 12.000 Sterne auf GitHub (das ist eine Art „Gefällt mir“ für Software) und wird laufend weiterentwickelt.

Häufige Fragen

Und jetzt du

Nimm dir das nächste Angebot, das du rausbringst, und lass es von /brag in ein Video verwandeln. Schreib mir auf Instagram, wie es geworden ist, ich freue mich über jede Nachricht. ❤️

PS: Falls du über „Kommentiere BRAG“ hierher gekommen bist – die DM kam von meinem selbstgebauten System. Wie du dir das baust, zeige ich dir in meiner kostenlosen Community: hier geht's direkt zum Video. 😉