The only Claude Code skill you need to make videos like this

It analyzes your repo and outputs a complete motion-graphics teaser with sound design and launch copy in a single run.

repo link: https://t.co/zu0R9Faga9

https://t.co/hyMKWRIYPT

latent-spaces/brag

Source: https://github.com/latent-spaces/brag

/brag

You built it. Now brag.

/brag is a Claude Code skill that turns the project you created into a short, shareable launch video — music, motion, and share copy included. One command, powered by Hyperframes.

The looping video on the launch site was made by /brag on this very repo.

New: /brag-slim

The same /brag, rebuilt lean for Opus 5.5.

A smooth launch video, designed for your specific project, with its own soundtrack and share copy.

No Hyperframes, no bundled assets, same creative rules.

Just tell Opus 5.5: let’s /brag about this.

On Opus 5.5, /brag switches to /brag-slim automatically. Run /brag --full to keep the classic Hyperframes workflow.

Install just /brag-slim:

npx skills add https://github.com/latent-spaces/brag --skill brag-slim

Already have the /brag plugin? /brag-slim is included from version 0.4.0. Run claude plugin update brag to get it.

Install /brag

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

Then run /brag inside any project. The plugin includes /brag-slim too.

Any other agent — one command via the skills CLI (Cursor, Codex, Copilot, Gemini CLI, opencode, and more):

npx skills add https://github.com/latent-spaces/brag --skill brag

Add -g to install globally (available in every project); drop it to scope to the current one. (browse on skills.sh)

rsync -a --exclude '.DS_Store' skills/brag/ ~/.claude/skills/brag/
rsync -a --exclude '.DS_Store' skills/brag-slim/ ~/.claude/skills/brag-slim/  # optional: the /brag-slim command

Also works with

This repo exposes the skill at every agent’s standard discovery path via symlinks. No extra config needed.

Windows users: Git requires git config core.symlinks true (or git clone -c core.symlinks=true) and Windows Developer Mode or Administrator privileges to create symlinks. If symlinks don’t work on your system, copy skills/brag/ to the agent’s skill directory manually instead.

Use it

From any project directory, ask your agent:

let's /brag

Or steer the tone:

/brag --tone "fake Series A launch from 2016"

Voiceover is off by default. Enable it explicitly with:

/brag --voice

Narration uses Kokoro through Hyperframes when enabled.

You get a brag-output/ folder with the plan, a composition brief, share copy, and the rendered brag.mp4.

How it works

/brag owns the story — the product angle, tone, and which moments to show. It hands a focused brief to Hyperframes, which builds, times, and renders the video.

Requirements

• An agent that supports Agent Skills — Claude Code, opencode, Codex CLI, or any agent with custom instructions (see “Also works with” above)
• Node.js 22+
• FFmpeg on PATH
• Hyperframes CLI — npx hyperframes (check it with npx hyperframes doctor)

What’s in this repo

• skills/brag/ — the skill, references, and bundled music + SFX
• skills/brag-slim/ — /brag-slim, the single-file skill for Claude Opus 5.5
• examples/ — fake product sites used as a benchmark suite
• docs/ — the launch site (GitHub Pages)
• .claude-plugin/ — plugin manifest + marketplace catalog
• .claude/skills/brag/ — symlink → skills/brag/ (Claude Code discovery)
• .agents/skills/brag/ — symlink → skills/brag/ (Codex CLI + opencode discovery)
• .opencode/skills/brag/ — symlink → skills/brag/ (opencode discovery)

Credits

• Music — ende.app “Happy Beats / Business Moves”
• Sound effects — Kenney
• Video generation — Hyperframes
• Fake demo sites — built with Impeccable

Contributing

Contributions, ideas, and new demo brags are welcome — open an issue or a PR.

Star History