Turning a finished software build into a high-energy, commercial-grade product launch video usually demands days of timeline scrubbing in Adobe After Effects, keyframe motion graphics, audio sync, and commercial soundtrack licensing. A new open-source agent skill called changes that: you point your AI coding agent (like Google Antigravity or Claude Code) at your repository, run one command, and get a finished 20-second launch video complete with motion, music, sound design, and launch copy.
Frequently Asked Questions (FAQs)
QIs /brag completely free and open source?
Yes. /brag is licensed under the permissive MIT license on GitHub. The bundled background music is provided by ende.app and sound effects by Kenney. The underlying rendering pipeline utilizes the free Hyperframes CLI and local FFmpeg.
QWhat is the difference between /brag and /brag-slim?
/brag is the classic, full-featured multi-asset agent skill that compiles videos through the Hyperframes CLI. /brag-slim is a lightweight, single-file skill designed for Claude Opus 5.5 that delivers a customized launch video without requiring bundled local media files.
QCan I create a video without installing anything locally?
Exclusive Discount Offer
Inquire for Course Fee & Discounts
Get full program details, syllabus breakdown, and claim your exclusive course fee discount for the Best Digital Marketing Course in Guwahati.
/brag
1. What is /brag and How Does Launch Video Editing with AI Work?
Developed by latent-spaces, /brag is an agent skill engineered specifically for agentic environments like Google Antigravity, Claude Code, Codex CLI, and opencode. Instead of generating hallucinatory video frames through text-to-video models (which often struggle with legible code, realistic user interfaces, and typography), /brag functions as an autonomous creative director and compositor:
Codebase & Context Discovery: The AI agent scans your project directory, inspecting package manifests, UI components, documentation, and live preview to identify the core product angle, key value proposition, and critical hero screens.
Storyboarding & Motion Architecture: It creates a structured narrative arc tailored to tech audiences—problem statement, product reveal, key technical highlights, and call to action.
Audio & Kinetic Synchronization: It syncs kinetic transitions with curated electronic and indie beats (curated from ende.app) and crisp UI sound effects (from Kenney).
Hyperframes Composition Engine: It hands a strict composition brief to Hyperframes (HeyGen's lightweight, programmatic motion graphics engine), which renders a crisp, high-framerate brag.mp4 file locally using FFmpeg.
For developers on Claude Opus 5.5, the repo also features /brag-slim—a zero-dependency, ultra-lean version tailored for rapid turnaround without bundled external media packs.
2. Comparison: /brag vs. Premiere Pro vs. Screen Recorders
Understanding where automated AI launch video generation fits into your developer workflow requires comparing it against manual editing software and traditional screen recording tools:
Tool / Workflow
Setup Time
Editing Skill Required
Audio & Motion Sync
Output Quality
Cost
/brag (AI Agent Skill)
~2 minutes
None (1 command)
Fully automated
Kinetic 20s launch reel
Free (Open-Source)
Screen Studio / Loom
~15 minutes
Low (Screen capture)
Manual zoom/cursor only
Polished walkthrough
$89 / $12/mo
Premiere & After Effects
2 to 5 days
Professional Motion Designer
Manual keyframing
Custom bespoke commercial
$54.99/mo (Adobe CC)
letsbrag.app (Cloud)
~30 seconds
None (Paste URL)
Automated in cloud
Social launch teaser
Free (No signup)
3. System Requirements & Prerequisites
Before installing /brag on your workstation, ensure your machine satisfies the runtime dependencies:
Component
Requirement
Verification Command
Node.js Runtime
Node.js 22.0.0 or higher
node -v
Video Encoding Engine
FFmpeg installed on system PATH
ffmpeg -version
Hyperframes CLI
Installed via npx
npx hyperframes doctor
AI Coding Environment
Google Antigravity, Claude Code, or Codex
Agent skills enabled
⚠️ Important Note for Windows Users: The repository uses symlinks for cross-agent discovery. On Windows, make sure you clone with symlinks enabled (git clone -c core.symlinks=true) or copy the skills/brag/ directory directly into your agent's skills directory.
4. How to Install /brag on Google Antigravity and Claude Code
Depending on which agentic coding tool you use, choose the appropriate installation method:
Method 1: Google Antigravity
Antigravity auto-discovers skills placed in your workspace root or global configuration:
# Option A: Install globally via the skills CLI
npx skills add https://github.com/latent-spaces/brag --skill brag -g
# Option B: Add to your project repository
npx skills add https://github.com/latent-spaces/brag --skill brag
# Antigravity automatically detects the skill from:
# .agents/skills/brag/ (at project root)
# or ~/.gemini/config/skills/brag/ (globally)
Method 2: Claude Code
If you are using Anthropic's Claude Code CLI, install via the official plugin marketplace:
# Step 1: Add the latent-spaces marketplace catalog
/plugin marketplace add latent-spaces/brag
# Step 2: Install the brag plugin (includes /brag and /brag-slim)
/plugin install brag@brag
# Step 3: Verify or update in the future
claude plugin update brag
5. Running the Commands: Generating Your First Launch Video
Once installed, open your project directory in your terminal or IDE, summon your agent, and run:
let's /brag
The agent will inspect your code, write a composition plan, sequence your hero screens, synchronize audio, and generate the final output video in a folder named brag-output/.
Customizing the Tone and Narration
You can guide the style, pacing, and audio elements using command-line flags:
Command / Flag
Purpose & Effect
Example Usage
/brag
Standard autonomous launch video generation
let's /brag
--tone "style"
Adjust the creative narrative, humor, or corporate feel
/brag --tone "cyberpunk developer tool"
--voice
Enables AI voiceover narration powered by Kokoro TTS
/brag --voice
--full
Forces full Hyperframes workflow even on Opus 5.5
/brag --full
/brag-slim
Single-file lean video workflow for Claude Opus 5.5
/brag-slim
What You Find in the brag-output/ Directory
When the command finishes execution, you will find four distinct assets ready for launch:
brag.mp4: The high-resolution 1080p, 60fps rendered video file optimized for X (Twitter), LinkedIn, Reddit, and Product Hunt.
composition-brief.json: The exact timeline layout, scene timestamps, easing parameters, and media assets used.
story-plan.md: The strategic narrative outline created by the agent explaining why specific features were spotlighted.
share-copy.md: Ready-to-publish social media announcements tailored for developer audiences across X and LinkedIn.
Author & Verification Details
Paban Bhuyan
Founder, Webotapp Academy
Founded Webotapp Academy in 2009 — bringing 17+ years of hands-on expertise in full-stack web development, digital marketing architecture, AI workflow automation, and enterprise IT training. Has architected digital solutions and trained teams for clients across 50+ countries.
Founded 2009Pioneering IT Training
50+ CountriesGlobal Client Footprint
17+ Years Exp.Technical & Architectural Mastery
Yes. If you do not want to install Node.js, FFmpeg, or an AI agent locally, you can visit letsbrag.app, paste your live project URL, and generate a 20-second launch video directly in the browser for free.
QDoes /brag record real screencasts of my web app?
Yes. When running inside a repository that has a web frontend, /brag captures screenshots and UI animations from your local build or live deployment, formatting them into kinetic 3D perspective frames with smooth camera pans and zooms.
QWhat AI voiceover model is used when adding the --voice flag?
When running /brag --voice, narration is generated using Kokoro TTS through Hyperframes, producing clear, natural-sounding voiceovers synchronized with the video transitions.