/brag: Vídeo de Lançamento do Seu Produto com o Claude Code
Instale o /brag no Claude Code e gere um vídeo de lançamento do seu projeto, com plano, música e texto para postar. Passo a passo, prompts e avisos.
O que é
/brag: Vídeo de Lançamento do Seu Produto com o Claude Code
O /brag é uma skill open source (licença MIT, do grupo latent-spaces) que transforma o projeto que você criou em um vídeo curto de lançamento. Você roda um comando dentro da pasta do projeto e ela monta um plano, escolhe o tom, renderiza o vídeo com o Hyperframes e escreve o texto para você postar. Aqui você instala e roda no Claude Code.
Serve para quem construiu um site, app ou produto e não tem designer de motion para o lançamento. Você sai com o passo a passo de instalação, os requisitos (Node 22 ou mais novo, FFmpeg e Hyperframes), a alternativa /brag-slim, seis prompts prontos e a lista do que a skill entrega na pasta brag-output.
Ressalva principal: o /brag lê a pasta e o código do projeto, não o site publicado na internet. O render de ponta a ponta não foi testado neste tutorial, então os pontos que dependem de teste real aparecem marcados como não testado.
Vídeo de lançamento a partir do código
A skill lê o projeto, planeja o conceito e renderiza um vídeo curto com música, motion e texto para postar.
Instalação em dois comandos
Marketplace e plugin do Claude Code, com os requisitos de Node, FFmpeg e Hyperframes explicados antes.
Alternativa sem Hyperframes
O /brag-slim monta o vídeo sem o Hyperframes, para quem usa o modelo que o README indica.
Seis prompts prontos
Plano antes do render, tom, conferência do plano, texto para postar e diagnóstico quando o render falha.
Saída em pasta própria
Plano, composição, vídeo, imagem de capa e texto para postar ficam em brag-output, prontos para você revisar.
Nível: intermediário (usa terminal) · Tempo estimado: ~25 min na primeira vez, contando a instalação de Node, FFmpeg e Hyperframes. O tempo de render varia com o seu computador e não prometemos um número.
O /brag lê a PASTA e o código do projeto, não a URL do site publicado. A descrição oficial da skill diz que ela lê o código direto e que não precisa de URL nem de prints. Então rode dentro da pasta do projeto, não cole o link do seu site no Claude Code.
Não testado neste tutorial: o render completo (instalar, rodar /brag e abrir o brag.mp4) e a fidelidade às cores e fontes da sua marca. O repositório diz que o vídeo é desenhado para o seu projeto, mas este tutorial não traz prova disso. Rode você, compare o vídeo com o seu site e só publique se ficar fiel.
Música: o /brag traz faixas prontas da série Happy Beats, do ende.app. A pasta de músicas do repositório avisa que os termos exatos da licença precisam ser verificados e documentados antes de publicar ou redistribuir. Esses termos não aparecem no repositório. Confira com o ende.app antes de postar um vídeo com o áudio que veio junto, ou troque a trilha.
Terceiros e dados: o render roda pelo Hyperframes (HeyGen, licença Apache-2.0), executado com npx. O repositório não descreve para onde vão os dados desse comando. Por prudência (recomendação do tutorial, não da fonte), rode em projeto sem segredos: tire chaves de API e dados de clientes da pasta antes.
Pré-requisitos
- Claude Code instalado, com plano que o inclua: Pro, Max, Team, Enterprise ou conta Console. O plano gratuito do Claude.ai não inclui o Claude Code (documentação oficial)
- Node.js 22 ou mais novo
- FFmpeg instalado e disponível no PATH do terminal
- Hyperframes, que o README chama por npx hyperframes e valida com npx hyperframes doctor
- Um projeto com código na sua máquina (site, app ou landing page). É ele que o /brag lê
- Windows: modo desenvolvedor ou terminal como administrador, e git config core.symlinks true, por causa dos links simbólicos que o repositório usa
- Custo: a skill é gratuita e open source. O uso do Claude Code depende do seu plano
Conceitos-chave
- 01
Skill
É um conjunto de instruções e arquivos que o Claude Code carrega quando você chama o comando. O /brag é uma skill: ele guia o Claude para planejar o vídeo, e não um programa que roda sozinho.
- 02
Plugin e marketplace
No Claude Code, o plugin é o pacote instalável e o marketplace é o catálogo de onde ele vem. Por isso são dois comandos: primeiro você adiciona o catálogo do /brag, depois instala o plugin.
- 03
Hyperframes
É a ferramenta que monta, sincroniza e renderiza o vídeo. O /brag cuida da história (ângulo do produto, tom e cenas) e entrega um briefing para o Hyperframes produzir o arquivo final.
- 04
/brag-slim
É a versão enxuta da skill, sem Hyperframes e sem arquivos embutidos, pensada pelo autor para o modelo Claude Opus 5.5. Nesse modelo o /brag troca sozinho para ela, e o /brag --full mantém o fluxo clássico com Hyperframes.
Passo a passo
- 01
Confira a versão do Node
A resposta precisa começar com v22 ou mais. Se for menor, instale uma versão nova pela página oficial do Node.js: https://nodejs.org/en/download
node --version - 02
Confira o FFmpeg
O terminal deve mostrar a versão do FFmpeg. Se aparecer comando não encontrado, instale pela página oficial (https://ffmpeg.org/download.html) e abra um terminal novo. O README do /brag não traz comando de instalação do FFmpeg.
ffmpeg -version - 03
Rode o diagnóstico do Hyperframes
O README manda checar o Hyperframes assim. A saída lista o que está pronto e o que falta no seu computador. Resolva o que faltar antes de seguir.
npx hyperframes doctor - 04
Adicione o marketplace do /brag no Claude Code
Dentro do Claude Code (não no terminal comum), rode o comando do README. Ele registra o catálogo do /brag.
/plugin marketplace add latent-spaces/brag - 05
Instale o plugin
Ainda dentro do Claude Code. O README diz que o plugin já inclui o /brag-slim.
/plugin install brag@brag - 06
Abra o Claude Code na pasta do projeto
Entre na pasta do site ou app que você quer divulgar e abra o Claude Code ali. É dessa pasta que a skill lê o código. Troque CAMINHO-DO-PROJETO pelo caminho real.
cd CAMINHO-DO-PROJETO && claude - 07
Chame o /brag
Digite o comando e deixe o Claude seguir o fluxo: ler o projeto, propor o conceito, montar o roteiro, renderizar e escrever o texto para postar. Responda às perguntas que ele fizer.
/brag - 08
Abra a pasta brag-output
Ao final, a pasta brag-output tem o plano (brag-plan.md), a composição, o vídeo brag.mp4, a imagem brag.jpg e o texto para postar (share-copy.txt). Assista ao vídeo e confira nome, cores e telas antes de publicar.
ls brag-output - 09
Alternativa: instalar só o /brag-slim
Se o Hyperframes não rodar no seu computador, o README oferece o /brag-slim isolado, sem Hyperframes. Ele foi pensado para o Claude Opus 5.5. Este caminho também não foi testado aqui.
npx skills add https://github.com/latent-spaces/brag --skill brag-slim
Prompts prontos
Cole os prompts no Claude Code, já dentro da pasta do projeto. O primeiro é o comando que o vídeo mostra. Os outros são sugestões deste tutorial: o /brag aceita instruções em linguagem natural e as opções --tone e --voice do README. Onde aparecer [PRODUTO], escreva o nome do seu produto. O prompt de texto para postar pede revisão antes de qualquer publicação.
Prompt: gerar o vídeo de lançamento (o do reel)
/brag
Prompt: ver o plano antes de renderizar
/brag para o [PRODUTO]. Antes de renderizar, me mostre o plano com o ângulo do produto, o tom e as cenas, e só continue depois do meu ok.
Prompt: escolher o tom do vídeo
/brag --tone "lançamento direto e profissional de um software, sem exagero"
Prompt: conferir se o plano veio do seu código
Abra o brag-output/brag-plan.md e liste quais nomes, telas, cores e fontes do meu projeto o plano usou. Separe o que veio do código do que foi inventado e me avise se algo não existe no projeto.
Prompt: texto para postar em português
Leia o brag-output/share-copy.txt e reescreva em português do Brasil, em duas versões, uma para Instagram e outra para LinkedIn. Não prometa resultado nem invente números. Me mostre as duas versões e não publique nada.
Prompt: diagnosticar um render que falhou
O render do /brag falhou. Rode npx hyperframes doctor, leia a saída e me diga o que falta no meu computador. Não instale nada sem o meu ok.
Erros comuns
- O vídeo mostra o site errado ou nada do meu produto → o /brag lê a pasta atual, e você abriu o Claude Code em outra pasta → feche, entre na pasta do projeto e rode de novo
- Eu colei a URL do meu site e nada mudou → a skill não lê site publicado, só o código local → rode na pasta do projeto, sem passar link
- O render falha ou o comando npx hyperframes não funciona → Node abaixo da versão 22 ou FFmpeg fora do PATH → rode node --version, ffmpeg -version e npx hyperframes doctor e corrija o que faltar
- O comando /plugin install diz que não achou o plugin → o marketplace não foi adicionado antes → rode primeiro /plugin marketplace add latent-spaces/brag e depois /plugin install brag@brag
- No Windows os arquivos da skill não aparecem → os links simbólicos do repositório não foram criados → ative o modo desenvolvedor, rode git config core.symlinks true ou copie a pasta da skill manualmente, como o README ensina
- Quero narração e o vídeo saiu mudo → a narração vem desligada por padrão → peça o /brag --voice, que usa o Kokoro pelo Hyperframes
- O /brag virou outra versão sem eu pedir → no Claude Opus 5.5 ele troca sozinho para o /brag-slim → peça /brag --full se quiser o fluxo clássico com Hyperframes
- Medo de problema com a música ao postar → a licença das faixas embutidas não está documentada no repositório → confira os termos com o ende.app antes de publicar ou troque a trilha
Checklist final
- node --version mostra 22 ou mais e ffmpeg -version responde
- npx hyperframes doctor rodou sem pendências
- O marketplace e o plugin do /brag foram instalados no Claude Code
- Você rodou o /brag dentro da pasta do projeto, sem segredos nela
- A pasta brag-output tem brag-plan.md, brag.mp4 e share-copy.txt
- Você assistiu ao vídeo e conferiu nome, cores e telas contra o seu site
- Você confirmou a licença da música antes de publicar
- Você revisou o texto para postar antes de publicar
Perguntas frequentes
O /brag lê o meu site no ar?
Não. A descrição oficial diz que ele lê o código do projeto e que não precisa de URL nem de prints. Rode dentro da pasta do projeto.
O /brag é gratuito?
A skill é gratuita e open source, com licença MIT. O Claude Code exige um plano pago ou conta Console. Há também o letsbrag.app, um serviço hospedado de terceiros que roda o /brag para você, separado da skill. Esse serviço não foi testado neste tutorial.
Preciso do Hyperframes?
Para o /brag clássico, sim: o README lista Node 22 ou mais, FFmpeg e o Hyperframes. O /brag-slim, versão enxuta pensada para o Claude Opus 5.5, dispensa o Hyperframes.
Funciona em outros agentes além do Claude Code?
O README cita Codex, opencode, Cursor, Copilot e Gemini CLI, entre outros, via npx skills add. Este tutorial cobre só o Claude Code.
Fontes oficiais
- README do /brag (MIT): https://github.com/latent-spaces/brag
- SKILL.md do /brag: https://raw.githubusercontent.com/latent-spaces/brag/main/skills/brag/SKILL.md
- Hyperframes (Apache-2.0): https://github.com/heygen-com/hyperframes
- Documentação de instalação do Claude Code: https://code.claude.com/docs/en/setup
- Node.js: https://nodejs.org/en/download
- FFmpeg: https://ffmpeg.org/download.html
- Músicas da série Happy Beats: https://ende.app/en
Próximos passos
Comece agora
Pronto para colocar /brag: Vídeo de Lançamento do Seu Produto com o Claude Code para rodar?
Ver o /brag no GitHubPróximo passo
Veja os outros recursos do catálogo
Dezenas de recursos entre squads, skills, apps e integrações — todos usados em produção pelo João.
Voltar ao catálogo