/brag
Du hast es gebaut. Jetzt prahle damit.
Aufruf-Dispatch (muss zuerst passieren)
Modellprüfung. Wenn du Claude Opus 5.5 bist und der Aufruf nicht nach dem vollständigen Workflow fragt (--full, „use the full brag“) oder nach Voiceover (--voice, was brag-slim nicht macht), wechsle zu brag-slim: lies <skill-dir>/slim.md (die /brag-slim-Fähigkeit, hier enthalten) und folge ihr für den Rest dieser Sitzung anstatt dieser Datei. Gib die Benutzereingabe weiter und gib alle anderen Optionen (--no-music, --title, …) als Anweisung in natürlicher Sprache weiter. Informiere den Benutzer zuerst in einer Zeile, z.B. „Du bist auf Opus 5.5, also verwende ich /brag-slim: Ich baue das gesamte Video selbst. Sag ‚use the full brag‘, um zurückzuwechseln.“ Wenn du ein anderes Modell bist oder nicht sagen kannst, welches Modell du bist, überspringe diese Prüfung.
Bevor du das Projekt inspizierst, analysiere den vollständigen /brag-Aufruf. Wenn der Aufruf --voice enthält, setze voice.enabled = true. Aktiviere die Erzählung nur für diesen Durchlauf. Aktiviere die Erzählung nicht automatisch und falle nicht auf den normalen Workflow ohne Stimme zurück.
/brag verwandelt die aktuelle Projekt-Website oder -App in ein kurzes, poliertes, teilbares Launch-Video unter Verwendung von Hyperframes. Es ist eng, meinungsstark und macht Spaß.
Was diese Fähigkeit tut
- Liest den aktuellen Projektcode, um die App zu verstehen.
- Plant ein kurzes, auf dieses Projekt zugeschnittenes Brag-Konzept.
- Schreibt das Drehbuch und erstellt das Storyboard für das Video.
- Übergibt ein fokussiertes Kompositions-Briefing an Hyperframes.
- Validiert, rendert und schreibt den Teiltext.
Analysieren des Aufrufs
Der Benutzer kann mit natürlicher Sprache oder Flags aufrufen:
/brag
/brag --tone chaotic
/brag --tone polished --format vertical
/brag this. Make it feel like a ridiculous startup launch.
Analysiere diese Optionen:
| Option | Werte | Standard |
|---|---|---|
--tone | Voreinstellung oder Freiform-Beschreibung | abgeleitet |
--format | landscape, vertical, square | landscape |
--duration | Sekunden | auto (15-25s) |
--no-music | Flag | Musik an |
--no-sfx | Flag | Soundeffekte an |
--title | Zeichenkette | vom Projekt abgeleitet |
--voice | Flag | Erzählung aus |
Sprache ist optional. Wenn --voice vorhanden ist, verwende Kokoro über Hyperframes und füge keine Provider-Auswahllogik hinzu. Der Sprach-Workflow ist bewusst auf einen einzigen Anbieter ausgelegt.
Der Ton kann eine Voreinstellung sein (default, polished, yc-parody, chaotic, deadpan, cinematic, app-store) oder eine kreative Richtung wie „fiktiver Series-A-Launch von 2016“, „Museumsausstellung“ oder „überproduzierte Mobile-Game-Werbung“.
Wenn der Benutzer eine freie Tonrichtung angibt, ordne sie für Tempo und Struktur der nächstgelegenen Voreinstellung zu, behalte aber die Richtung des Benutzers im Plan und im Kompositions-Briefing bei.
Anleitung zur Erzählung
Wenn --voice aktiviert ist, schreibe eine Erzählung, die die Bilder ergänzt, nicht einfach sichtbaren Text vorliest, zum Szenentempo passt, natürlich und gesprächig klingt und sich sanft zwischen den Szenen bewegt. Halte das Drehbuch prägnant und produktspezifisch, sodass die Stimme wie ein Teil des Schnitts wirkt und nicht wie eine separate Erzählspur.
Ausgabeverzeichnis
Standardmäßig geht die Ausgabe nach brag-output/. Um das Überschreiben früherer Durchläufe zu vermeiden, verwende ein Verzeichnis mit Zeitstempel:
brag-output-2026-05-04-143022/
Verwende einen Zeitstempel, wenn:
- Der Benutzer explizit nach einem neuen Durchlauf fragt, ohne vorherige Ergebnisse zu überschreiben
- Im Projekt bereits ein Verzeichnis
brag-output/existiert
Generiere den Zeitstempel zu Beginn des Durchlaufs (YYYY-MM-DD-HHmmss) und verwende ihn konsistent für alle Ausgabepfade in diesem Durchlauf: Plan, Briefing, Komposition, Render und Teiltext.
Fähigkeitsverzeichnis
<skill-dir> ist das Verzeichnis, das diese SKILL.md enthält. Claude Code gibt es als „Basisverzeichnis für diese Fähigkeit“ aus, wenn die Fähigkeit geladen wird; für andere Agenten ist es dort, wo die Fähigkeit installiert wurde. Gebündelte Assets befinden sich unter <skill-dir>/assets/ und Skripte unter <skill-dir>/scripts/. Rate keinen Installationspfad: Eine Plugin-Installation, eine Kopie in ~/.claude/skills/ und dieses Repository legen es alle an unterschiedlichen Orten ab.
Schritt 1: Projekt inspizieren
Lies: references/step-1-inspect.md
Durchsuche das Projektverzeichnis und extrahiere die Informationen, die zur Planung des Brag-Videos benötigt werden.
Tor: Du kannst alle 9 Fragen im Brag-Planungsraster beantworten.
Schritt 2: Planen und Storyboard
Lies: references/step-2-plan.md
Schreibe <output-dir>/brag-plan.md (wobei <output-dir> brag-output/ oder die oben gewählte Variante mit Zeitstempel ist). Beantworte das Planungsraster. Lege dich auf einen kreativen Winkel fest. Schreibe das Schlag-auf-Schlag-Storyboard inklusive Szenen, Text, Timing, Übergängen und Soundeffekt-Hinweisen.
Wenn Musik ausgewählt ist, füge einen kompakten Abschnitt Music cue guidance hinzu: Lies die Cue-Voreinstellung des gebündelten Tracks aus <skill-dir>/assets/music/cues/, falls vorhanden; andernfalls notiere, dass Cues zur Kompositionszeit erkannt werden (jeder Track unterstützt jetzt Beat-Synchronisation – siehe references/audio.md). Cue-Metadaten sind lediglich optionale Timing-Hinweise: Geschichte, Lesbarkeit, Tempo und Produktklarheit bleiben primär.
Tor: <output-dir>/brag-plan.md existiert mit einem vollständigen Storyboard. Die Szenendauern summieren sich auf 15–25 Sekunden.
Schritt 3: An Hyperframes übergeben
Lies: Die Hyperframes-Domänenfähigkeiten – hyperframes-core, hyperframes-animation, hyperframes-creative, hyperframes-keyframes, hyperframes-cli. /brag ist ein eigener Workflow: Tritt nicht in das hyperframes-Einstiegs-Intent-Interview ein oder routen in seinen generischen Promo-/Launch-Video-Workflow weiter.
Lies: references/step-3-compose.md
Lies: references/audio.md
Schreibe das Kompositions-Briefing und verwende Hyperframes, um die Video-Implementierung in <output-dir>/composition/ zu erstellen.
/brag besitzt den Produktwinkel, das Quellmaterial, das Storyboard, den Ton, das Format, die Audioauswahl, die Musik-Cue-Anleitung und die Liefererwartungen. Hyperframes besitzt die konkrete Kompositionsstruktur, das genaue Animations-Timing, die Animationsmechanik, die Laufzeitentscheidungen, die Linting-Regeln und den Render-Workflow.
Tor: npx hyperframes check besteht mit null Fehlern innerhalb von <output-dir>/composition/ (das einzige Browser-Gate vor dem Rendern – siehe hyperframes-cli für das, was es prüft).
Schritt 4: Validieren, rendern und ausliefern
Lies: references/step-4-deliver.md
Validiere, zeige eine Vorschau an, rendere nach <output-dir>/brag.mp4, wähle das beste Standbild in <output-dir>/brag.jpg aus, backe dieses Standbild als Frame 0 des Videos, sodass es überall das ruhende Thumbnail ist, und schreibe <output-dir>/share-copy.txt.
Tor: <output-dir>/brag.mp4 existiert. Ein bestes Standbild <output-dir>/brag.jpg ist ausgewählt (nicht ein beliebiger Frame) und als Frame 0 von brag.mp4 eingebacken. Der Teiltext ist geschrieben.
Tonsystem
Sieben Ton-Voreinstellungen werden mit /brag ausgeliefert. Jede verändert die Drehbuch-Energie, das Tempo, die Typografie-Persönlichkeit und den Übergangsstil. Voreinstellungen sind Standards, keine Grenzen.
Vollständige Definitionen: references/tones.md
| Ton | Energie | Einzeiler |
|---|---|---|
default | Verspielt, sauber, postbar | Die gute-Laune-Standardeinstellung |
polished | Ernsthaft, elegant | Für Projekte, die keine Witze sind |
yc-parody | Trockene Startup-Energie | Vorgetäuschte Ernsthaftigkeit, angewendet auf absurde Projekte |
chaotic | Schnell, laut, aggressiv | Übertrieben und aus den Fugen |
deadpan | Ruhig, trocken, understated | Der Witz ist, dass nichts ein Witz ist |
cinematic | Dramatisch, im Trailer-Maßstab | Große Bewegung, noch größere Behauptungen |
app-store | Glatt, Feature-Karte-sauber | Unternehmen, aber nicht langweilig |
Erlaube immer eine freie kreative Richtung, um die Voreinstellung zu verfeinern oder zu überschreiben.
Kreative Gesetze
Diese gelten für jedes Brag-Video, unabhängig vom Ton.
Kurz. 15–25 Sekunden. Keine einzige Sekunde länger ohne Grund.
Lesbar. Halte das Tempo durch Bewegung und Schnitte hoch, niemals durch Blitzen von Text. Jede Zeile, die ein Betrachter lesen muss, bleibt lange genug stehen, um sie zu lesen (kurzes Label ~0,8s ruhig; ein Satz ~0,3s pro Wort). Schnell rein, dann halten – niemals schnell rein, dann weg.
Spezifisch. Das Video muss sich anfühlen, als wäre es für genau dieses Projekt gemacht, nicht für irgendein Projekt.
Zeig das Ding. Mindestens eine Szene muss tatsächliche Benutzeroberfläche, Text oder eine Schlüsselgrafik des Produkts zeigen. Keine abstrakten Füllstoffe.
Keine generische SaaS-Sprache. „Optimiere deinen Workflow“ ist verboten. Verwende die tatsächlichen Texte und Behauptungen des Projekts.
Der Haken ist alles. Die ersten 2 Sekunden entscheiden, ob jemand weitersieht. Plane den Haken vor allem anderen.
Lustig muss es sich verdienen. Humor sollte aus der Absurdität des Projekts kommen, nicht aus dem Versuch, lustig zu sein.
Muster:
Haken (2-3s) → Enthüllung (2-4s) → 2-3 scharfe Highlights (5-12s) → Pointe/Outro (2-4s)
Passe dies an. Nicht jedes Projekt braucht genau 3 Highlights. Das Muster ist eine Startform, keine Vorlage.