LIVE//NAKODIL.SITE//PAYLOAD :: SKILL

Skill Content

Brag: launch-видео проекта

Навык делает из готового проекта короткое промо-видео с музыкой, анимацией и текстом для соцсетей. Агент читает код проекта, сам выбирает, что показать, и передаёт сценарий в HyperFrames, который собирает и рендерит ролик. На выходе папка brag-output с планом, текстом для публикации и файлом brag.mp4. Облегчённый вариант brag-slim собирает видео без HyperFrames. Удобно, когда сайт или приложение готово и нужно быстро показать его в рилсах или Telegram. Тон задаётся флагом --tone, озвучка включается флагом --voice. Для полной версии придётся поставить Node.js 22+, FFmpeg и HyperFrames.

Установка
npx skills add https://github.com/latent-spaces/brag --skill brag
Для Claude Code в README указан плагин: /plugin marketplace add latent-spaces/brag, затем /plugin install brag@brag (включает и /brag-slim). Полной версии нужны Node.js 22+, FFmpeg и HyperFrames CLI.
Работы с этим скилломВсе работы →
README.md
обновлено 1 час назад

/brag

You built it. Now brag.

Want a video without running /brag yourself? Paste your site's link at letsbrag.app.

the /brag launch site — you built it, now brag

/brag is an agent 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.

Rather not run it yourself? Use letsbrag.app

letsbrag.app runs /brag for you. Paste your site's link and get a 20-second launch video with music, motion, and share copy. No setup, no subscription.

The skill stays free and open source. Install it below and run it yourself anytime.

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 Claude Code /brag plugin? /brag-slim is included from version 0.4.0. Run claude plugin update brag to get it.

Install /brag

Codex:

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

To update it later:

codex plugin marketplace upgrade brag
codex plugin add brag@brag

Claude Code:

/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)

No installer? Copy the skill directly. ```bash 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 ``` Restart Claude Code after copying.

Also works with

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

Agent How it discovers
Google Antigravity Auto-detects from .agents/skills/brag/ at project root or ~/.gemini/config/skills/brag/ globally
opencode Auto-detects from .opencode/skills/brag/ at project root
Codex CLI Reads .agents/skills/brag/, walking up to repo root
Claude Code Also reads .claude/skills/brag/ (in addition to the .claude-plugin/ marketplace install above)
Other agents Point custom instructions at skills/brag/SKILL.md — see docs/other-agents.md

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)
  • plugin.json — portable Agent Plugins manifest
  • .codex-plugin/ — Codex compatibility manifest
  • .claude-plugin/ — Claude Code manifest + shared marketplace catalog (also recognized by Codex)
  • .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

Contributing

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

Star History

Star History Chart

Похожее в категории Content
Skill
PPTX (Anthropic)

Это тот же скилл, на котором работают презентации в Claude.ai. Агент создаёт новые колоды скрипто...

Skill
Claude Code Video Toolkit

Рабочее пространство для Claude Code, которое доводит видео от идеи до готового MP4. Внутри скилл...

Skill
HyperFrames

Открытый фреймворк HeyGen для видео из кода. Агент пишет ролик как HTML-страницу с CSS и анимация...

Skill
Remotion Skills

Официальный скилл Remotion (remotion-best-practices): Claude пишет видео кодом — React-компоненты...