Communitygithub.com

DRNZY/brag-ultra

Verwandle jedes Projekt, App, CLI-Tool oder jede Website in ein kurzes, hochglanzpoliertes, teilbares Launch-Video und ein komplettes Launch-Kit mit Brag Ultra und Hyperframes. Unterstützt mehrformatiges responsives Reflow (16:9, 9:16, 1:1), Terminal-/TUI-Aufnahmen, intelligentes Audio-Ducking (-12 dB), kinetische Shader & Körnung sowie vollständige Launch-Asset-Paketierung. Liest Projektcode und laufende Instanzen direkt aus.

Was ist brag-ultra?

Brag Ultra ist ein KI-Agenten-Skill, der jedes Softwareprojekt – ob Web-App, mobiles oder Desktop-GUI, CLI/TUI-Tool oder Bibliothek – in ein hochglanzpoliertes Launch-Video und ein komplettes Social-Media-Launch-Kit verwandelt. Es unterstützt native Terminal-/TUI-Aufnahmen, die Live-Befehle mit realistischen Tippverzögerungen und ANSI-Farben wiedergeben, sowie Aufnahmen von echten Emulatoren und Webbrowsern. Das Skill erstellt automatisch responsive Layouts für alle wichtigen Formate (16:9 für YouTube/X, 9:16 für TikTok/Reels, 1:1 für LinkedIn/Instagram) mit intelligentem Audio-Ducking (-12 dB bei Sprachkommentaren), kinetischen Shadern und Filmkörnung für ein Apple-typisches, hochwertiges Erscheinungsbild. Es eignet sich besonders für Entwickler und Produktteams, die schnell beeindruckende Launch-Materialien erstellen möchten, ohne selbst Videobearbeitung oder Motion Design betreiben zu müssen. Das Skill wird über natürliche Sprachbefehle wie `/brag --tone polished --format all --kit --voice` gesteuert und bietet verschiedene Stil-Presets wie 'apple-keynote', 'chaotic' oder 'cinematic'. Es ist für den Einsatz mit KI-Agenten wie Claude Code oder Codex konzipiert, die den Projektcode analysieren und die Assets automatisch generieren. Die Ausgabe erfolgt in einem strukturierten Ordner mit MP4s, animierten GIFs, Postern und Social-Media-Texten.

Funktioniert mit~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/DRNZY/brag-ultra/tree/main/skills/brag-ultra
Original anzeigen→Alle Skills durchsuchen

In Ihrer bevorzugten KI fragen

Öffnet einen neuen Chat, in dem dieser Agent-Skill bereits geladen ist.

OpenAIChatGPTClaudeClaudeGeminiGeminiGrokGrokPerplexityPerplexityDeepSeekDeepSeek

Dokumentation

/brag (Brag Ultra)

Du hast es gebaut. Jetzt lass uns damit angeben – in ultrasatter Apple-Qualität.

Aufruf-Dispatch (muss zuerst erfolgen)

Bevor das Projekt inspiziert wird, muss der vollständige /brag-Aufruf analysiert werden. Wenn der Aufruf --voice enthält, setze voice.enabled = true. Wenn --format oder --kit angegeben ist, konfiguriere die Rendering-Pipeline entsprechend.

/brag verwandelt das aktuelle Projekt (Web-App, mobile App, Desktop-GUI, CLI/TUI-Tool oder Bibliothek) in ein ultra-hochglanzpoliertes Launch-Video und ein soziales Launch-Kit.

Was Brag Ultra tut

  1. Projekt inspizieren & echte UI/CLI erfassen: Scannt Projektcode, Architektur und Live-Instanzen. Erfasst echte mobile Emulatoren (adb), Webseiten (Puppeteer), Desktop-Fenster oder Terminal-Sitzungen (asciinema / CSS-Terminal-Frame).
  2. Multi-Format Responsive Planung: Plant adaptive Layouts für 16:9 Querformat (X, YouTube), 9:16 Hochformat (TikTok, Reels, Shorts) und 1:1 Quadrat (LinkedIn, Instagram).
  3. Apple-gleiches Storyboarding & Scripting: Erstellt eine wirkungsvolle Erzählung mit kritisch gedämpften Federn, kinetischen Shadern, SVG-Strich-Tracing und authentischen Projektdaten.
  4. Intelligentes Audio-Mastering & Ducking: Duckt Hintergrundmusik automatisch um -12dB unter Sprachkommentar (Kokoro TTS) mit sanften 0,3s Attack / 0,5s Release-Kurven und mischt pegellevelierte SFX.
  5. Komplettes Launch-Kit: Rendert Multi-Format-MP4s, extrahiert Frame-0-gebackene Poster-JPGs, generiert knackige Zwei-Pass-animierte Preview-GIFs und gibt strukturierte Social-Copy & launch-metadata.json aus.

Den Aufruf parsen

Der Benutzer kann mit natürlicher Sprache oder Flags aufrufen:

/brag
/brag --tone polished --format vertical
/brag --format all --kit --voice
/brag --tone chaotic --format square
/brag this CLI tool. Make it feel like an Apple developer keynote.

Unterstützte Flags & Optionen

OptionWerteStandardBeschreibung
--tonePreset oder freie Beschreibungapple-keynote / abgeleitetÄsthetik & Tempo-Stil
--formatlandscape (16:9), vertical (9:16), square (1:1), alllandscapeVideo-Seitenverhältnis und CSS-Reflow-Ziel
--durationSekunden (z. B. 15s, 20s)auto (15–25s)Gesamtdauer
--voiceFlagErzählung ausOpt-in Kokoro Voiceover mit -12dB Auto-Ducking
--kitFlagStandard-RenderVollständiges Launch-Kit generieren (MP4s, GIF, Poster JPG, Metadaten JSON)
--terminalFlagautomatisch erkanntCLI/TUI-Terminal-Wiedergabe & Chrome aktivieren
--no-musicFlagMusik anHintergrundmusik deaktivieren
--no-sfxFlagSFX anSoundeffekte deaktivieren
--titleStringabgeleitetBenutzerdefinierter Produkttitel

Wenn --format all oder --kit angegeben ist, generiere alle 3 Seitenverhältnisse (16:9, 9:16, 1:1) zusammen mit dem animierten GIF und dem Metadaten-Bundle.

Kernpfeiler von Brag Ultra

1. Multi-Format Responsive Reflow

Keine hässlichen schwarzen Balken oder naives Letterboxing. Die Komposition fließt intelligent um:

  • 16:9 Querformat (1920x1080): Side-by-Side-Split-Layouts, Doppel-Geräterahmen, Breitbild-Terminal-Ansichten.
  • 9:16 Hochformat (1080x1920): Zentrierter vertikaler Stack, vollhohe mobile Geräterahmen, große Schrift-Clamps, strenge Sicherheitszonen (Polsterung oben/unten für Plattform-Overlays).
  • 1:1 Quadrat (1080x1080): Enger, fokussierter Ausschnitt, zentrierte Hero-Karte, kontrastreiche Typografie.

2. Intelligentes Audio-Mastering & Voiceover-Ducking

  • Hintergrundmusik duckt automatisch um -12dB, wenn Sprachkommentare oder Dialoge abgespielt werden.
  • Ducking-Kurve: 0,3s sanfter Attack vor Sprache, 0,5s Release nach Sprache.
  • Master-Limiter und Lautstärkenormalisierung: SFX durchschlagen bei 0,60–0,85 ohne digitales Clipping.

3. Terminal-/CLI-/TUI-Bildschirmaufnahme

  • Dedizierte Unterstützung für Terminal-Tools (pluvia, hyperindex, omnihud, token-trimmer, etc.).
  • Spielt Live-Befehle mit realistischer menschlicher Tippgeschwindigkeit (40–90 ms Jitter), ANSI-Syntaxfarben und synchronisierten Tastendruck-Audios (keyboard/keypress-*.wav) ab.
  • Hochauflösender SVG-/Canvas-Terminal-Frame mit Apple-Ampel-Fenster-Chrome und Titanrand.

4. Kinetische Shader & Bewegungs-Polish

  • Filmkörnung-Textur: Dezentes SVG feTurbulence / Canvas-Rauschen (3–5% Deckkraft) eliminiert Farbverläufe und verleiht filmische Wärme.
  • Chromatische Aberration: Mikro-RGB-Split bei schnellen Schnitten und Slam-Impacts.
  • Feder-Physik: GSAP kritisch gedämpfte Kurven (ease: "expo.out", ease: "power4.out" oder mass: 1, stiffness: 120, damping: 14).
  • SVG-Strich-Tracing: Animierte Pfadzeichnung (stroke-dashoffset) für Logos, Architekturknoten und UI-Konturen.

5. Komplette Launch-Kit-Generierung

Produziert ein einsatzbereites Release-Verzeichnis:

  • brag.mp4 / brag-16x9.mp4, brag-9x16.mp4, brag-1x1.mp4
  • brag.gif (Zwei-Pass-Palettenoptimiertes 30fps animiertes Preview für GitHub READMEs & Discord-Einbettungen unter 10 MB)
  • brag.jpg (Hochauflösender Poster-Frame, direkt in Frame 0 des MP4 gebacken)
  • share-copy.txt (Kurze, prägnante Ein-Post-Bildunterschrift)
  • share-copy-variants.md (Angepasste Bildunterschriften für X/Twitter, LinkedIn, Reddit, Product Hunt)
  • launch-metadata.json (OpenGraph, Twitter-Card-Tags, Keywords, Zeitstempel)

Ausgabeverzeichnis

Standardausgabe erfolgt nach brag-output/ (oder mit Zeitstempel brag-output-YYYY-MM-DD-HHmmss/, falls bereits vorhanden):

brag-output/
  brag.mp4                     # Primäres gerendertes Video
  brag-16x9.mp4                # 16:9 Querformat-Render (falls Multi-Format)
  brag-9x16.mp4                # 9:16 Hochformat-Render (falls Multi-Format)
  brag-1x1.mp4                 # 1:1 Quadrat-Render (falls Multi-Format)
  brag.jpg                     # Hochauflösender Poster-Frame (in Frame 0 gebacken)
  brag.gif                     # Hochauflösendes animiertes GIF-Preview
  brag-plan.md                 # Storyboard & kreativer Plan
  composition-brief.md         # Hyperframes-Briefing
  share-copy.txt               # Primäre Post-Bildunterschrift
  share-copy-variants.md       # Multiplattform-Post-Text
  launch-metadata.json         # OpenGraph & Social-Media-Metadaten
  composition/                 # Hyperframes-Quellprojekt

Workflow-Schritte

Stil-Presets

Vollständige Definitionen in references/tones.md:

StilEnergieEinzeiler
apple-keynoteStille Zuversicht, taktile Physik, erhabene ZurückhaltungÄsthetik einer Apple-Flaggschiff-Produktpräsentation
defaultVerspielt, sauber, postbarGood-Vibes-Consumer- & Creative-Showcase
polishedErnst, elegant, hohe HandwerkskunstPremium-Entwickler-Tool oder Enterprise-Produkt
yc-parodyTrockene Startup-EnergieErnsthafte Präsentation von kühnen oder skurrilen Konzepten
chaoticSchnell, laut, entfesseltHigh-Velocity-Hype-Reel
deadpanRuhig, trocken, untertriebenMinimalistisches Timing, bei dem Zurückhaltung der Punchline ist
cinematicDramatisch, Blockbuster-MaßstabGroße Bewegungen, orchestrale/synthie-artige Swells, Trailer-Tempo
app-storeGlatt, Feature-Card-sauberKnackiger UI-Walkthrough mit taktilen Mikrointeraktionen

Verwandte Skills

steipete/video-frames

Extract frames or short clips from videos using ffmpeg.

community

steipete/summarize

Summarize or transcribe URLs, YouTube/videos, podcasts, articles, transcripts, PDFs, and local files.

community

openclaw/openclaw

Use when testing, fixing, or extending the OpenClaw Control UI GUI with Vitest + Playwright end-to-end checks, mocked Gateway WebSocket flows, mocked dashboard runs, screenshots/videos, or agent-verifiable browser proof.

community

obra/superpowers

Obra superpowers agent skills.

community

affaan-m/ECC

See, Understand, Act on video and audio. See- ingest from local files, URLs, RTSP/live feeds, or live record desktop; return realtime context and playable stream links. Understand- extract frames, build visual/semantic/temporal indexes, and search moments with timestamps and auto-clips. Act- transcode and normalize (codec, fps, resolution, aspect ratio), perform timeline edits (subtitles, text/image overlays, branding, audio overlays, dubbing, translation), generate media assets (image, audio...

community

affaan-m/everything-claude-code

End-to-end marketing campaign planning and execution. Covers audience research, positioning, campaign angle definition, landing page copy, email sequences, social posts, ad copy, short-form video scripts, and content calendars. Use as the orchestration layer for multi-channel product launches. Use when planning or executing a multi-channel product launch, or producing landing page, email, social, or ad copy.

community