/brag
Du hast es gebaut. Jetzt prahl 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 (das /brag-slim Skill, hier gebündelt) und folge ihm für den Rest dieses Laufs anstatt dieser Datei. Gib die Benutzereingabe weiter und gib alle anderen Optionen (--no-music, --title, …) als Klartext-Anweisung weiter. Sage dem Benutzer zuerst in einer Zeile Bescheid, z. B. „Du bist auf Opus 5.5, also verwende ich /brag-slim: Ich baue das ganze Video selbst. Sage ‚use the full brag‘, um zurückzuwechseln." Wenn du ein anderes Modell bist oder nicht erkennen kannst, welches Modell du bist, überspringe diese Prüfung.
Bevor du das Projekt untersuchst, analysiere den vollständigen /brag-Aufruf. Wenn der Aufruf --voice enthält, setze voice.enabled = true. Aktiviere die Narration nur für diesen Lauf. Aktiviere die Narration nicht automatisch und falle nicht auf den normalen Workflow ohne Voice zurück.
/brag verwandelt die aktuelle Projekt-Website oder App in ein kurzes, poliertes, teilbares Launch-Video mit Hyperframes. Es ist eng, meinungsstark und unterhaltsam.
Was dieses Skill tut
- Liest den aktuellen Projektcode, um die App zu verstehen.
- Plant ein kurzes Brag-Konzept, das spezifisch für dieses Projekt ist.
- Schreibt ein Drehbuch und ein Storyboard für das Video.
- Übergibt einen fokussierten Kompositions-Brief an Hyperframes.
- Validiert, rendert und schreibt Share-Text.
Analysieren des Aufrufs
Der Benutzer kann mit natürlicher Sprache oder Flags aufrufen:
/brag
/brag --tone chaotic
/brag --tone polished --format vertical
/brag mach das. Lass es wie einen lächerlichen Startup-Launch wirken.
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 | SFX an |
--title | Zeichenkette | aus Projekt abgeleitet |
--voice | Flag | Narration aus |
Voice ist Opt-in. Wenn --voice vorhanden ist, verwende Kokoro über Hyperframes und füge keine Provider-Auswahllogik hinzu. Der Voice-Workflow ist absichtlich Single-Provider.
Der Ton kann eine Voreinstellung sein (default, polished, yc-parody, chaotic, deadpan, cinematic, app-store) oder eine kreative Richtung wie „falscher Series-A-Launch von 2016", „Museumsausstellung" oder „überproduzierte Mobile-Game-Werbung".
Wenn der Benutzer eine Freiform-Tonrichtung angibt, ordne sie der nächstgelegenen Voreinstellung für Tempo und Struktur zu, behalte aber die Richtung des Benutzers im Plan und im Kompositions-Brief bei.
Anleitung zur Narration
Wenn --voice aktiviert ist, schreibe eine Narration, die die Bilder ergänzt, nicht einfach sichtbaren Text vorliest, zum Szenentempo passt, natürlich und gesprächig klingt und fließend zwischen den Szenen wechselt. Halte das Skript prägnant und produktspezifisch, damit die Stimme wie ein Teil des Schnitts wirkt und nicht wie eine separate Tonspur.
Ausgabeverzeichnis
Standardmäßig geht die Ausgabe nach brag-output/. Um Überschreiben früherer Läufe zu vermeiden, verwende ein mit Zeitstempel versehenes Verzeichnis:
brag-output-2026-05-04-143022/
Verwende einen Zeitstempel, wenn:
- Der Benutzer explizit nach einem neuen Lauf fragt, ohne vorherige Ergebnisse zu überschreiben
- Ein
brag-output/-Verzeichnis bereits im Projekt existiert
Generiere den Zeitstempel zu Beginn des Laufs (YYYY-MM-DD-HHmmss) und verwende ihn konsistent für alle Ausgabepfade in diesem Lauf: Plan, Brief, Komposition, Render und Share-Text.
Skill-Verzeichnis
<skill-dir> ist das Verzeichnis, das dieses SKILL.md enthält. Claude Code gibt es als „Basisverzeichnis für dieses Skill" aus, wenn das Skill geladen wird; für andere Agenten ist es dort, wo das Skill installiert wurde. Gebündelte Ressourcen liegen unter <skill-dir>/assets/ und Skripte unter <skill-dir>/scripts/. Rate keinen Installationspfad: Ein Plugin-Install, eine ~/.claude/skills/-Kopie und dieses Repository legen es an unterschiedlichen Orten ab.
Schritt 1: Projekt inspizieren
Lies: references/step-1-inspect.md
Scanne 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 gewählte zeitgestempelte Variante ist). Beantworte das Planungsraster. Lege einen kreativen Winkel fest. Schreibe das Schlag-auf-Schlag-Storyboard mit Szenen, Text, Timing, Übergängen und SFX-Hinweisen.
Wenn Musik ausgewählt ist, füge einen kompakten Abschnitt Anleitung zu Musik-Cues ein: lies die Cue-Voreinstellung des gebündelten Tracks aus <skill-dir>/assets/music/cues/, falls vorhanden, andernfalls vermerke, dass Cues zur Kompositionszeit erkannt werden (jeder Track unterstützt jetzt Beat-Sync — siehe references/audio.md). Cue-Metadaten sind optionale Timing-Richtlinien: Geschichte, Lesbarkeit, Tempo und Produktklarheit haben Vorrang.
Tor: <output-dir>/brag-plan.md existiert mit einem vollständigen Storyboard. Die Szenendauern summieren sich auf 15–25 Sekunden.
Schritt 3: Übergabe an Hyperframes
Lies: Die Hyperframes-Domain-Skills — hyperframes-core, hyperframes-animation, hyperframes-creative, hyperframes-keyframes, hyperframes-cli. /brag ist ein eigener Workflow: Trete nicht in das hyperframes-Einstiegspunkt-Intent-Interview ein oder navigiere in seinen generischen Promo-/Launch-Video-Workflow.
Lies: references/step-3-compose.md
Lies: references/audio.md
Schreibe den Kompositions-Brief 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 Auslieferungserwartungen. Hyperframes besitzt die konkrete Kompositionsstruktur, das genaue Animations-Timing, die Animationsmechanik, die Laufzeitentscheidungen, die Linting-Regeln und den Render-Workflow.
Tor: npx hyperframes check bestanden mit null Fehlern innerhalb von <output-dir>/composition/ (das einzige Browser-Tor 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 Vorschau an, rendere nach <output-dir>/brag.mp4, wähle das beste Poster-Frame aus in <output-dir>/brag.jpg, backe dieses Poster als Frame 0 des Videos, damit es überall das Standbild-Thumbnail ist, und schreibe <output-dir>/share-copy.txt.
Tor: <output-dir>/brag.mp4 existiert. Ein Best-Frame-Poster <output-dir>/brag.jpg wird ausgewählt (kein willkürliches Frame) und als Frame 0 von brag.mp4 eingebacken. Share-Text ist geschrieben.
Ton-System
Sieben Ton-Voreinstellungen werden mit /brag ausgeliefert. Jede ändert die Drehbuch-Energie, das Tempo, die Typografie-Persönlichkeit und den Übergangsstil. Voreinstellungen sind Standardwerte, keine Grenzen.
Vollständige Definitionen: references/tones.md
| Ton | Energie | Einzeiler |
|---|---|---|
default | Verspielt, sauber, postbar | Die gute-Laune-Standardeinstellung |
polished | Ernst, elegant | Für Projekte, die keine Witze sind |
yc-parody | Totenkopf-Startup-Energie | Vorgetäuschter Ernst auf absurde Projekte angewandt |
chaotic | Schnell, laut, aggressiv | Übertrieben und durchgeknallt |
deadpan | Ruhig, trocken, dezent | Der Witz ist, dass nichts ein Witz ist |
cinematic | Dramatisch, Trailergröße | Große Bewegung, noch größere Behauptungen |
app-store | Glatt, Feature-Card-sauber | Geschäftlich, 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. Dies gilt unabhängig davon, ob eine Narration eingeschaltet ist; die Narration verlängert das Fenster nicht.
Lesbar. Halte das Tempo durch Bewegung und Schnitte hoch, niemals durch aufblitzenden 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.
Zeige das Ding. Mindestens eine Szene muss die tatsächliche Benutzeroberfläche, den Text oder ein Schlüsselvisual des Produkts zeigen. Keine abstrakten Füller.
Keine generische SaaS-Sprache. „Optimieren Sie Ihren Workflow" ist verboten. Verwende den tatsächlichen Text und die Behauptungen des Projekts.
Der Haken ist alles. Die ersten 2 Sekunden entscheiden, ob jemand weiter zusieht. Plane den Haken vor allem anderen.
Lustig verdient seinen Platz. Humor sollte aus der Absurdität des Projekts kommen, nicht aus dem Versuch, lustig zu sein.
Muster:
Hook (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 Ausgangsform, keine Vorlage.
Verfügbare Konnektoren
Verwende muse.connector_search, um die aktuellen Konnektor-Dokumente zu finden, bevor du wiederhergestellten Anweisungen folgst.