Vídeo com IA: Claude Code, Codex e ElevenLabs · Capítulo 8 de 25 · 22 min
Instalar e invocar skills de vídeo no Claude Code
Instale HyperFrames, Remotion ou a edição por transcrição como skill no Claude Code e confira o comando certo de invocação antes de pedir a primeira cena.
Este capítulo faz parte do curso gratuito Vídeo com IA: Claude Code, Codex e ElevenLabs.
Pedir um vídeo ao Claude Code sem skill é pedir que ele reinvente, a cada sessão, como se monta uma composição, quais comandos validam o resultado e onde parar. Ele acerta parte, erra o resto, e você paga a diferença em retrabalho e em tokens.
Uma skill resolve isso como uma receita de trabalho guardada na pasta: um arquivo SKILL.md que ensina o procedimento e aponta as ferramentas que o agente pode usar. Ela não instala sozinha a bancada e não transforma o Claude em gerador de vídeo, porque quem desenha os quadros continua sendo o renderizador local. Instalada do jeito errado, ela também não aparece: o comando muda de nome conforme o modo de instalação e a sessão aberta não enxerga o que acabou de chegar.
Nesta aula você instala só o caminho que vai usar, confere que a skill carregou e faz a primeira invocação com parada no preview. Como montar a cena por dentro fica nas aulas de Remotion e de HyperFrames; aqui o assunto é instalar e chamar.
Se a figura ultrapassar a área visível, deslize para os lados. Pelo teclado, foque a figura e use as setas.
Escolha o caminho e o modo de instalação
Skills de projeto ficam em .claude/skills/<nome>/SKILL.md e viajam com a pasta; skills pessoais ficam em ~/.claude/skills/<nome>/SKILL.md e valem para todos os seus projetos. As duas viram comandos /nome, e em conflito de nome com um comando de .claude/commands/ a skill vence. O cabeçalho do SKILL.md aceita os mesmos controles do slash command da aula 07, como disable-model-invocation e allowed-tools, e mais três: model e effort escolhem modelo e esforço, e context: fork roda a skill num contexto separado.
Plugins são o pacote instalável: reúnem skills, comandos e servidores e entram com claude plugin install <plugin>@<marketplace>. Desde 06/10/2026, na versão 2.1.292, a opção --marketplace <dono>/<repositório> no mesmo comando registra o catálogo quando ele falta. Nesse caso o nome vai sozinho, sem o @<marketplace>: a versão 2.1.296 recusa as duas formas juntas com a mensagem Name the marketplace once, e claude plugin configure <plugin>, da versão 2.1.285, mostra e grava as opções do plugin. Cada skill ativa de plugin ocupa contexto a cada turno, então desative os plugins de vídeo quando abrir um projeto que não é de vídeo. A aula de ambiente, skills e contêiner de contexto mostra o mesmo mecanismo num projeto de frontend.
A escolha entre HTML e React já foi feita na aula 06: instale aqui só o caminho que ela indicou para o seu caso. Para cortar fala gravada, o caminho é uma skill de edição por transcrição, que trabalha sobre o texto do Scribe, explicado na aula 17.
Como instalar e chamar cada framework
| Critério | HyperFrames | Remotion |
|---|---|---|
| Plugin | claude plugin install hyperframes --marketplace heygen-com/hyperframes | claude plugin install remotion --marketplace remotion-dev/claude-code-plugin |
| Comando com plugin | /hyperframes:hyperframes | /remotion:remotion-create |
| Skills sem plugin | npx skills add heygen-com/hyperframes --all, e o comando vira /hyperframes | npx skills add remotion-dev/skills ou, no projeto, npx remotion skills add |
| Exige | Node.js 22+ e FFmpeg | Projeto criado com create-video; licença na aula 05 |
Fonte: HyperFrames, guia de plugins; Remotion, Claude Code plugin e Agent Skills; changelog do Claude Code, v2.1.292; 12/10/2026

Se a figura ultrapassar a área visível, deslize para os lados. Pelo teclado, foque a figura e use as setas.
As três primeiras abas instalam um caminho cada, e a quarta mostra as versões vigentes de cada framework. Rode só a do caminho escolhido, na raiz video-ia, o projeto da aula anterior. O HyperFrames publica quase uma versão por dia, então os blocos consultam a versão vigente com npm view e você a anota no CLAUDE.md e no log, em vez de copiar um número desta página. Plugin novo só aparece numa sessão nova ou depois do /reload-plugins. Skill avulsa em .claude/skills/ ou ~/.claude/skills/ entra sozinha na sessão aberta, porque o Claude Code vigia essas pastas; se a pasta skills/ ainda não existia quando a sessão começou, rode /reload-skills.
Instalação por caminho
HyperFrames
O plugin traz as 21 skills publicadas no repositório, entre elas hyperframes, general-video e media-use. Instalado como plugin, quem atualiza é o gerenciador do Claude Code: a própria skill pede que você não rode hyperframes skills update dentro de um plugin. No começo da criação, ela consulta o comando usage do HyperFrames (no plugin, pelo lançador interno da skill, e não por npx) para ler quanto resta da janela de uso do Claude Code, a de cinco horas e a semanal; se a leitura falhar, ela informa que o uso é desconhecido.
#!/usr/bin/env bash
# Instala o HyperFrames como plugin do Claude Code. Rode na raiz video-ia.
set -euo pipefail
# O HyperFrames exige Node.js 22 ou mais novo e FFmpeg no PATH.
node -e 'const m = +process.versions.node.split(".")[0];
if (m < 22) { console.error("Precisa de Node.js 22+, achei " + process.versions.node); process.exit(1); }
console.log("Node.js compatível:", process.versions.node);'
ffmpeg -version | head -1
# Desde a 2.1.292 (06/10/2026), um comando registra o marketplace e instala.
claude plugin install hyperframes --marketplace heygen-com/hyperframes
# Deve listar hyperframes, general-video e media-use, entre outras.
claude plugin details hyperframes
# Versão vigente no dia: anote-a no CLAUDE.md e em logs/skills-08.md.
HF_VERSAO="$(npm view hyperframes version)"
echo "HyperFrames vigente: $HF_VERSAO"
# Diagnóstico do ambiente (Chrome sem interface, FFmpeg) com essa versão fixada.
npx -y "hyperframes@$HF_VERSAO" doctor
# Atualizar depois: claude plugin update hyperframes@hyperframes
# Remover: claude plugin uninstall hyperframes@hyperframes
# Ver e gravar opções (desde a 2.1.285): claude plugin configure hyperframes
# Sem plugin (o comando vira /hyperframes): npx skills add heygen-com/hyperframes --all
echo "Abra uma sessão nova do Claude Code ou rode /reload-plugins."
Remotion
O plugin oficial do Remotion dá o comando /remotion:remotion-create. Dentro do projeto, npx remotion skills add instala as 12 skills oficiais em .agents/skills e cria um link em .claude/skills. O MCP de documentação do Remotion está depreciado: use as skills e /remotion-docs.
#!/usr/bin/env bash
# Instala o plugin oficial do Remotion e as 12 skills dentro de um projeto novo.
set -euo pipefail
claude plugin install remotion --marketplace remotion-dev/claude-code-plugin
mkdir -p composicoes && cd composicoes
test ! -e remotion-intro || { echo "remotion-intro já existe; nada foi sobrescrito."; exit 1; }
npx create-video@latest --yes --blank remotion-intro
cd remotion-intro
# Fixa os pacotes principais na versão vigente no dia (4.0.535 em 12/10/2026).
RV="$(npm view remotion version)"
npm install --save-exact "remotion@$RV" "@remotion/cli@$RV"
npm ls remotion @remotion/cli
# Instala as skills em .agents/skills e cria o link em .claude/skills.
npx remotion skills add
ls -la .claude/skills
echo "Num terminal: npm run dev (Studio). Noutro: claude, e invoque /remotion:remotion-create."
Edição por transcrição
A video-use, da browser-use, é comunitária e tem licença MIT: transcreve com o Scribe, monta a lista de cortes e renderiza com FFmpeg, e responde a /video-use. Se você tem a skill local editar-videos-claude, em português, ela responde a /editar-videos-claude; o transcritor dela usa scribe_v1 por padrão, então rode python3 $S/transcrever.py midia/raw/bruto.mov --modelo scribe_v2, com S apontando para ~/.claude/skills/editar-videos-claude/materiais/scripts.
#!/usr/bin/env bash
# Instala a skill comunitária video-use (MIT) como skill pessoal do Claude Code.
# Revise o repositório antes de rodar os scripts dele.
set -euo pipefail
command -v uv >/dev/null || { echo "uv ausente: instale o uv antes de seguir."; exit 1; }
ffmpeg -version | head -1
mkdir -p "$HOME/video-tools" "$HOME/.claude/skills"
DESTINO="$HOME/video-tools/video-use"
LINK="$HOME/.claude/skills/video-use"
test ! -e "$DESTINO" || { echo "Já existe: revise antes de atualizar."; exit 1; }
test ! -e "$LINK" || { echo "A skill video-use já está registrada."; exit 1; }
git clone https://github.com/browser-use/video-use.git "$DESTINO"
cd "$DESTINO" && uv sync
ln -s "$DESTINO" "$LINK"
# A chave entra por digitação oculta, direto no arquivo local, nunca pelo chat.
read -r -s -p "Chave ElevenLabs para o arquivo local da skill: " CHAVE; printf '\n'
test -n "$CHAVE"
umask 077
printf 'ELEVENLABS_API_KEY=%s\n' "$CHAVE" > .env
unset CHAVE
echo "Pronto. Invoque /video-use na pasta do bruto; se ~/.claude/skills não existia quando a sessão abriu, rode /reload-skills antes."
Versões vigentes
Versões vigentes em 12/10/2026: confira no dia
0.8.149
versão do HyperFrames
publicada em 11/10/2026; npm view hyperframes version
4.0.535
versão do Remotion
publicada em 12/10/2026; npm view remotion version
21
skills publicadas do HyperFrames
no README e no manifesto do repositório em 09/10/2026
12
skills oficiais do Remotion
de /remotion-best-practices a /remotion-multimedia
Fonte: GitHub heygen-com/hyperframes (README, manifesto de skills e releases até 11/10/2026), npm do remotion (12/10/2026) e documentação de Agent Skills do Remotion
Invoque a skill e confira que ela carregou
Instalado como plugin, o HyperFrames responde a /hyperframes:hyperframes, com o prefixo do plugin; como skill avulsa, a /hyperframes. Se o comando do plugin não aparecer ao digitar a barra, a sessão foi aberta antes da instalação: rode /reload-plugins ou abra outra. Com skill avulsa, o comando que resolve é o /reload-skills. A skill hyperframes é a porta de entrada: ela lê o estado do projeto, faz as perguntas do brief e escolhe o fluxo certo, como general-video ou motion-graphics, antes de escrever qualquer arquivo.
No vídeo a seguir, repare em três momentos: o agente lê o CLAUDE.md antes de escolher a skill, a validação roda antes de qualquer render e o render só começa depois de um pedido explícito.
Carregando a vídeo-aula: O Claude Code dirige a cena
Se a figura ultrapassar a área visível, deslize para os lados. Pelo teclado, foque a figura e use as setas.
Instalar um caminho e fazer a primeira invocação
Use o projeto video-ia completado na aula 07, com o /render-final já criado.
Passo 1: Escolha um único caminho
HTML, React ou edição por transcrição, pela entrega da semana.
Deu certo quando: Você justifica a escolha em uma frase ligada à entrega.
Erro comum: Instalar tudo e deixar o agente alternar de ferramenta sem motivo.
Passo 2: Rode a aba de instalação correspondente
Na raiz do projeto, com Node.js e FFmpeg no PATH.
Deu certo quando: O comando termina sem erro e o detalhe do plugin lista as skills.
Erro comum: Ignorar a falha de Node.js antigo e culpar o prompt depois.
Passo 3: Recarregue a sessão
Plugin: sessão nova ou /reload-plugins. Skill avulsa: entra sozinha, ou /reload-skills se a pasta skills/ é nova.
Deu certo quando: Ao digitar a barra, o comando da skill aparece na lista.
Erro comum: Continuar na sessão antiga e concluir que a instalação falhou.
Passo 4: Confira o nome exato do comando
Plugin usa o prefixo; skill avulsa, não.
Deu certo quando: Você sabe se chama /hyperframes:hyperframes ou /hyperframes.
Erro comum: Copiar o comando de um tutorial que instalou de outro jeito.
Passo 5: Cole o prompt de invocação
O pedido é curto, local e sem serviço pago.
Deu certo quando: A skill lê o CLAUDE.md, diz qual fluxo escolheu e cria a composição.
Erro comum: Pedir voz, trilha e imagens externas antes de conferir credenciais e custo.
Passo 6: Pare no preview
O render é do /render-final, que só você dispara.
Deu certo quando: Você vê o endereço do preview e nenhum MP4 foi gerado.
Erro comum: Deixar o agente renderizar porque a validação passou.
Passo 7: Registre versão e invocação
O prompt grava logs/skills-08.md.
Deu certo quando: Outra pessoa repete a instalação e a chamada só com o registro.
Erro comum: Anotar só "usei HyperFrames", sem versão nem modo de instalação.
No fim você tem: Uma skill de vídeo instalada, reconhecida pela sessão e invocada com parada antes do render.
Ficha de edição e custo das skills
Escreva o estilo do canal como ficha de edição
A skill instalada ensina a montar; o estilo do seu canal ainda precisa ser escrito. Escreva cada modelo de edição como uma ficha separada do conteúdo: para que serve, quando não usar e as medidas que o agente consegue conferir num quadro, como ritmo de corte, posição da legenda, nível da trilha e uso de tela real. O curso Vibe Viral, do Vibehub, organiza assim os seus nove modelos de Reels e dois de YouTube, cada um com "bom para" e "quando não usar", e escolhe o modelo pelo assunto do vídeo. Grave a ficha só depois de aprovar um vídeo feito com ela, para que cada medida venha de uma entrega real.
Deu certo quando duas sessões diferentes, com o mesmo bruto, entregam cortes no mesmo ritmo e a legenda no mesmo lugar. Erro comum: escrever adjetivo, como dinâmico ou limpo, no lugar de medida; troque cada um por número ou regra que dê para conferir. Se o pedido cair no "quando não usar", a skill para e pergunta qual modelo usar, em vez de forçar o estilo.
Se a figura ultrapassar a área visível, deslize para os lados. Pelo teclado, foque a figura e use as setas.
---
name: modelo-receita-16x9
description: Edita receita falada em 16:9 no estilo do canal. Use quando o bruto for uma receita gravada com fala; não use em cortes 9:16 curtos.
disable-model-invocation: true
---
# Ficha: receita falada em 16:9
## Bom para
- Receita com fala contínua e preparo na bancada.
## Quando não usar
- Corte 9:16 de até 30 s: use o modelo de corte curto.
- Bruto sem fala: pare e pergunte qual modelo usar.
## Medidas (confira cada uma num quadro)
- Ritmo: um plano novo a cada 3 a 5 s; nenhum plano acima de 8 s.
- Legenda: no máximo duas linhas, no terço inferior, sem cobrir mãos nem panela.
- Som: trilha abaixo da fala durante toda a narração.
- Tela real: página ou post citado entra como captura verdadeira, nunca recriado.
## Entrega
- Composição em composicoes/<receita>/ e relatório em logs/<receita>-ficha.md com cada medida conferida.
Skills de vídeo que valem a pena escrever, com o contrato de cada uma
| Skill | Entrada | Entrega |
|---|---|---|
| Roteiro para retenção | Tema, público e duração | Roteiro com gancho, laços de curiosidade e transições marcadas |
| Storyboard em seis painéis | Roteiro aprovado | Seis painéis com personagem, luz e objetos contínuos entre eles |
| Rotação 360 de produto | Duas fotos do produto | Pedido de giro com câmera, duração e o que não pode mudar |
| Arquiteto de podcast | Pauta e convidados | Linha do tempo do episódio com segmentos recorrentes |
| Clonagem de voz com consentimento | Amostra e autorização escrita | Voz criada só com o consentimento registrado no projeto |
| Auditor de canal | Lista de vídeos publicados | Relatório de padrões de título, duração e retenção |
Uma skill por linha. Se a entrada faltar, a skill para e pede; nunca completa o que não recebeu.
Fonte: Categorias do acervo de assistentes do Vibehub Academy (consulta em 12/10/2026); contratos propostos pelo curso
Meça quanto as skills custam
Cada skill ativa ocupa contexto em todo turno, mesmo sem rodar. Desde a versão 2.1.261, de 04/09/2026, o /skill-doctor lista as skills carregadas sem uso e o custo de contexto de cada uma. Rode-o depois de instalar: se as 21 skills do HyperFrames aparecem num projeto que usa duas, desligue o plugin fora dos projetos de vídeo.
Se a figura ultrapassar a área visível, deslize para os lados. Pelo teclado, foque a figura e use as setas.
Decida quando interromper a skill
Se a skill pedir um serviço externo que você não previu, como voz ou banco de trilhas, interrompa e pergunte custo e finalidade antes de seguir. Quando duas skills disputarem o mesmo pedido, chame a que você quer pelo nome em vez de deixar o modelo escolher. Se o projeto não é de vídeo, desative o plugin para não pagar o contexto das skills em cada turno. E se a skill começar a escrever antes de mostrar o plano, peça o plano primeiro, como no modo descrito em revisar o plano antes de agir.
Na Cozinha da Rafa, a abertura de 12 segundos é reaproveitada nos três vídeos da semana: o longo 16:9 e os dois cortes 9:16 trocam o nome da receita e mantêm o estilo. Por isso a primeira invocação pede uma peça curta e local, que serve de teste da instalação e já vira ativo do canal.
Guia prático: uma skill própria que já chega com os dados do render
As skills instaladas na aula ensinam a montar o vídeo; a conferência do render ainda depende de você pedir ffprobe, ler o log e comparar com o CLAUDE.md. Aqui você escreve a skill /conferir-render, que roda um script antes de o agente ler o pedido e entrega duração, dimensões e taxa de quadros já coladas no texto. Você também aprende a esconder do modelo as skills que só você chama e a negar uma skill pelo nome.
Funções, casos de uso e aplicações
Funções
Recursos do SKILL.md e das configurações para skills de projeto
| Função ou recurso | O que faz | Quando usar | Desde |
|---|---|---|---|
| Injeção com !comando | Roda o comando antes de o agente ler a skill e põe a saída no lugar; passa pelas regras de permissão e, fora do modo auto, só roda o que estiver liberado | Trazer o estado dos renders, do log ou da pasta sem gastar um turno de conversa | Em vigor; desde 05/10/2026 (v2.1.290) recusa comando com caracteres de controle |
| arguments e $nome | Dá nome aos argumentos digitados depois do comando; $0, $1 também funcionam | /conferir-render bolo-de-rolo, com $receita no corpo da skill | Em vigor em 12/10/2026 |
| when_to_use | Frases de gatilho somadas à descrição; o par é cortado em 1.536 caracteres na lista de skills | Fazer o agente achar a skill quando você diz "confere o render" | Em vigor em 12/10/2026 |
| paths no SKILL.md | A skill só é carregada sozinha quando o agente trabalha com arquivos que casam com o padrão | Skill de conferência que só interessa perto de renders/ | Em vigor em 12/10/2026 |
| Regra Skill(nome) em permissions | Libera, pergunta ou nega uma skill pelo nome; Skill(nome *) cobre a skill com qualquer argumento | Negar uma skill de clonagem de voz no projeto de um cliente que não autorizou | 25/09/2026 (v2.1.283, a negação cobre também apelido e nome de exibição) |
| skillOverrides | Quatro estados: on, name-only, user-invocable-only e off; o menu /skills grava em .claude/settings.local.json | Esconder do modelo as fichas de edição que só você dispara; não vale para skills de plugin | Em vigor em 12/10/2026 |
O campo disableSkillShellExecution: true nas configurações troca toda injeção por um aviso de política, útil em máquina de equipe.
Fonte: Claude Code Docs, Extend Claude with skills; changelog v2.1.283 e v2.1.290; 12/10/2026
Casos de uso
Produtor de uma escola de cursos online de Belo Horizonte que entrega 15 aulas por semana
Educação, cursos gravados
Dor
Antes de cada render final ele pedia ao agente o ffprobe, depois o log, depois a comparação com o formato. Eram três mensagens por aula e, às vezes, o agente lia o render errado.
Solução
Ele criou a skill /conferir-render com o script de resumo injetado e o nome da aula como argumento. O agente recebe a lista dos renders recentes antes de pensar e devolve uma tabela de esperado contra encontrado.
Resultado
O que observar: ao fim de duas semanas, quantas conferências saíram em uma mensagem só e se algum render foi aprovado com fps ou dimensão fora do CLAUDE.md.
Cenário construído para fins didáticos. Números não correspondem a cliente específico.
Analista de uma agência de marketing digital em Porto Alegre com três clientes no mesmo computador
Marketing digital, vídeos curtos para redes sociais
Dor
As fichas de edição de cada cliente apareciam para o agente em todos os projetos, e numa sessão ele aplicou o estilo de uma loja de roupas no vídeo de uma clínica.
Solução
Ela marcou as fichas como user-invocable-only no skillOverrides de cada projeto, para que só ela as chame pelo nome, e negou com Skill(...) a ficha de um cliente no projeto do outro.
Resultado
O que observar: no mês seguinte, se alguma entrega saiu com estilo de outro cliente e quanto contexto as skills ocupam no /skill-doctor antes e depois.
Cenário construído para fins didáticos. Números não correspondem a cliente específico.
Na prática
O bloco cria o script de resumo e a skill /conferir-render no projeto video-ia. O script só lê: lista os cinco MP4 mais recentes de renders/ com duração, dimensões, taxa de quadros e tamanho. Como a injeção passa pelas regras de permissão, o comando do script entra em allowed-tools; o ffprobe já estava liberado no settings.json da aula 07.
#!/usr/bin/env bash
# Rode na raiz video-ia.
set -euo pipefail
test -f CLAUDE.md || { echo "Entre na pasta video-ia antes de continuar." >&2; exit 1; }
mkdir -p scripts .claude/skills/conferir-render
test ! -e scripts/resumo_renders.sh || { echo "resumo_renders.sh já existe."; exit 1; }
test ! -e .claude/skills/conferir-render/SKILL.md || { echo "A skill já existe."; exit 1; }
cat > scripts/resumo_renders.sh <<'EOF'
#!/usr/bin/env bash
# Só leitura: os 5 MP4 mais recentes de renders/ com duração, dimensões, fps e tamanho.
set -euo pipefail
shopt -s nullglob
arquivos=(renders/*.mp4)
[ "${#arquivos[@]}" -gt 0 ] || { echo "Nenhum render em renders/."; exit 0; }
ls -1t "${arquivos[@]}" | head -5 | while read -r f; do
info=$(ffprobe -v error -select_streams v:0 -show_entries stream=width,height,r_frame_rate:format=duration \
-of csv=p=0:s=x "$f" | tr '\n' ' ')
printf '%s | %s| %s\n' "$f" "$info" "$(du -h "$f" | cut -f1)"
done
EOF
chmod +x scripts/resumo_renders.sh
cat > .claude/skills/conferir-render/SKILL.md <<'EOF'
---
name: conferir-render
description: Confere o render de revisão de uma receita contra o formato do CLAUDE.md antes do /render-final.
when_to_use: Use quando eu pedir "confere o render", "o draft está no formato?" ou antes do /render-final.
argument-hint: [nome-da-receita]
arguments: receita
allowed-tools: Bash(bash scripts/resumo_renders.sh) Read
model: haiku
effort: low
paths: "renders/**"
---
### Renders mais recentes, coletados antes de você ler
!`bash scripts/resumo_renders.sh`
### Tarefa
1. Ache a linha de renders/$receita-draft.mp4. Se não existir, diga e pare.
2. Compare com o CLAUDE.md: 1920x1080 ou 1080x1920, sempre 30 fps.
3. Se existir logs/$receita-render.json, confira se a duração bate.
4. Responda numa tabela: item, esperado, encontrado, ok ou ajustar.
Não renderize, não chame API e não altere midia/raw/.
EOF
echo "Pronto. Numa sessão aberta, a skill entra sozinha; teste com /conferir-render bolo-de-rolo."Testar a skill e decidir quem pode chamá-la
Passo 1: Rode o script sozinho primeiro
bash scripts/resumo_renders.sh na raiz video-ia.
Deu certo quando: Aparecem até cinco linhas com arquivo, dimensões, fps, duração e tamanho.
Erro comum: Testar direto pela skill e não saber se o erro está no script ou na permissão.
Passo 2: Chame /conferir-render bolo-de-rolo
Deu certo quando: A resposta já traz a tabela sem o agente pedir para rodar ffprobe de novo.
Erro comum: Ver o aviso Shell command permission check failed e liberar Bash inteiro em vez de só o script.
Passo 3: Esconda as fichas que só você chama
Abra /skills e marque modelo-receita-16x9 como user-invocable-only; o menu grava em .claude/settings.local.json.
Deu certo quando: A ficha some da lista do agente e continua aparecendo quando você digita a barra.
Erro comum: Usar off e perder também o comando que você mesmo usa.
Passo 4: Rode /doctor prompt-audit .claude/skills
Deu certo quando: A auditoria aponta descrição vaga, comando inexistente ou regra que contradiz o CLAUDE.md.
Erro comum: Escrever a descrição com o caso de uso no fim, depois do corte de 1.536 caracteres.
No fim você tem: Uma skill de conferência que já chega com os dados, fichas escondidas do modelo e a pasta de skills auditada.
Armadilhas
Injete só leitura e libere só o script
O comando da injeção roda sem pergunta, então ele precisa ser curto, de leitura e liberado pelo nome exato.
- Nunca injete render, geração paga ou comando que escreve arquivo.
- Libere Bash(bash scripts/resumo_renders.sh) em vez de Bash inteiro.
- Regra deny ou ask vence o allowed-tools da skill.
- skillOverrides não esconde skill de plugin; para isso, desative o plugin.
- Caso de uso na frente da descrição: o resto pode ser cortado.
O teste: Apague o render mais recente e chame a skill: ela deve dizer que o arquivo falta e parar.
alexandrecaramaschi.com/educacao/frontends-com-vibecoding
Instale um caminho, recarregue a sessão e faça a primeira invocação. Está pronto quando o comando da skill aparece ao digitar a barra, a composição intro-receita existe com o preview aberto, nenhum render foi gerado sem o seu /render-final e logs/skills-08.md registra a versão vigente no dia, o modo de instalação e o comando. A aula seguinte liga os serviços pagos ao agente por MCP.
Seu caderno neste capítulo
Abrir o caderno completoSelecione um trecho do capítulo para destacar ou anotar. Nos vídeos e áudios, use Anotar este momento. No teclado, selecione com Shift e as setas e use Alt+Shift+D para destacar ou Alt+Shift+N para anotar.
Salvo neste navegador. Entre na sua conta para levar o caderno a outros aparelhos.
Entre na sua conta para compartilhar o que aprendeu e convidar alguém para estudar com você.
Conexões deste capítulo
Veja o que estudar antes e para onde seguir depois, explore os conceitos e compare abordagens em outros cursos. Sugestões marcadas como “sugerido pelo grafo” vêm dos assuntos em comum, não do índice do curso.
Estude antes
- CursoClaude Code CLI: Programação com IA
- Anatomia de uma Skill: Divulgação Progressiva em Três Níveissugerido pelo grafoApresenta o conceito “Skill (Agent Skill)”, usado em “Instalar e invocar skills de vídeo no Claude Code”.
- Veja o que o Claude Code faz antes de instalarsugerido pelo grafoApresenta o conceito “Claude Code”, usado em “Instalar e invocar skills de vídeo no Claude Code”.
- CursoAstra profundosugerido pelo grafoA quinta parte do Astra planeja o vídeo e edita o material bruto com o modelo dirigindo a ferramenta. O curso de vídeo com IA aprofunda esse trabalho com Claude Code, Codex e ElevenLabs, do roteiro à publicação. O grafo já sugeria esta ordem pela regra de entrada da trilha; com a ordem anterior curada, ela passa a ser declarada (Etapa 4, wave 3).
Depois, siga para
- CursoFrontends com Vibecodingsugerido pelo grafo21 capítulos de “Frontends com Vibecoding” usam conceitos apresentados em “Vídeo com IA: Claude Code, Codex e ElevenLabs”.
- CursoDo Agile ao Agentic Operating Modelsugerido pelo grafo5 capítulos de “Do Agile ao Agentic Operating Model” usam conceitos apresentados em “Vídeo com IA: Claude Code, Codex e ElevenLabs”.
- CursoAgentes de IA Autônomos: Do Conceito à Produçãosugerido pelo grafo7 capítulos de “Agentes de IA Autônomos: Do Conceito à Produção” usam conceitos apresentados em “Vídeo com IA: Claude Code, Codex e ElevenLabs”.
- CursoLLM FinOps: o custo da IA para quem assina o orçamentosugerido pelo grafo4 capítulos de “LLM FinOps: o custo da IA para quem assina o orçamento” usam conceitos apresentados em “Vídeo com IA: Claude Code, Codex e ElevenLabs”.
Conceitos deste capítulo
O mesmo assunto em outros cursos
- Setup de Vibecoding no MacSkills, plugins e barra de status — deixar o Claude Code com a sua caraExaminar conexões de Skills, plugins e barra de status — deixar o Claude Code com a sua cara
- Skills de IA com Vibecoding e TerminalAnatomia de uma Skill: Divulgação Progressiva em Três NíveisExaminar conexões de Anatomia de uma Skill: Divulgação Progressiva em Três Níveis
- Claude Code CLI: Programação com IARevisar o plano antes de agir e ligar suas ferramentasExaminar conexões de Revisar o plano antes de agir e ligar suas ferramentas
Voltar ao capítulo anterior: Estruturar o projeto de vídeo para o Claude Code operar sem improvisar
Leve uma ideia para a prática
Escolha uma atividade no painel e volte a este curso quando quiser.
Atividades e evolução ficam reunidas no painel da sua conta.
Laboratórios ao vivo deste curso
Cada laboratório monta a biblioteca real dentro da aula, com controles para você mexer e o código do exemplo para copiar. O texto de reserva descreve a demonstração para quem lê sem JavaScript. O link abre o capítulo já no ponto do laboratório.
MediaRecorder, Canvas 2D e Long Animation Frames (plataforma)
Grave a cena em tempo real e veja os quadros que se perdem
Suba as partículas, force um bloqueio de 300 ms e grave seis segundos; compare com o render quadro a quadro desta aula.
Pacote
Abrir no capítuloMontar vídeo em HTML com HyperFrames e escolher entre ele e o Remotionsem pacoteMotion
Ver agentes em paralelo trocando mensagens numa linha do tempo
Reproduza a cena, percorra o tempo pelo controle e compare o tempo de parede com a soma das barras de cada agente.
Pacote
Abrir no capítuloParalelizar cenas com subagentes sem estourar o limite das APIsmotionReact (sem dependência extra), com as APIs do Veo e do fal.ai
Prompt de vídeo em cinco camadas, pronto para a API
Escolha plano, câmera, luz, ação e áudio e copie o prompt e o JSON para o Veo ou para o fal.ai.
Pacote
Abrir no capítuloEscrever prompt de vídeo em cinco camadas e manter o personagem consistentereactReact (sem dependência extra), com o comando para o FFmpeg
Corte o vídeo apagando palavras da transcrição
Aperte as palavras para removê-las, ligue a remoção de pausas e copie o comando FFmpeg e a legenda SRT gerados.
Pacote
Abrir no capítuloRemover pausas e reenquadrar o vídeo de 16:9 para 9:16 com legenda por palavrareactReact (sem dependência extra)
Quanto custa cada etapa do seu pipeline de vídeo
Troque a ferramenta de cada etapa e o percentual de b-roll e veja qual etapa pesa no custo por minuto e por vídeo.
Pacote
Abrir no capítuloOrquestrar o pipeline com etapas idempotentes e teto de gastoreact
Capítulos vizinhos em Vídeo com IA: Claude Code, Codex e ElevenLabs
- 06Montar vídeo em HTML com HyperFrames e escolher entre ele e o Remotion
- 07Estruturar o projeto de vídeo para o Claude Code operar sem improvisar
- 08Instalar e invocar skills de vídeo no Claude Code
- 09Conectar fal, Replicate e ElevenLabs por MCP com permissões mínimas
- 10Paralelizar cenas com subagentes sem estourar o limite das APIs