Communitygithub.com

Claude Video 2.0

Claude Video 2.0. Crie motion graphics de qualidade profissional com Claude Code, de graça. Uma galeria interativa com 21 estilos animados, 5 perguntas rápidas e geração de código (HTML + GSAP renderizado em MP4 com HyperFrames). Suporta gráficos puros, suas próprias fotos/clipes ou clipes AI da Higgsfield com storyboard e verificação de créditos.

O que é Claude Video 2.0?

O Claude Video 2.0 é um skill avançado para Claude Code que permite a criação de motion graphics de estúdio diretamente via linha de comando. O processo é dividido em três estágios: A) escolha de um estilo visual em uma galeria interativa com 21 opções; B) resposta a 5 perguntas curtas para definir o briefing; C) construção completa, incluindo storyboard, geração de código (HTML + GSAP), renderização para MP4 via HyperFrames e múltiplas verificações de qualidade baseadas em quadros reais. O skill suporta gráficos puros, inserção de fotos e clipes do usuário, ou geração de clipes AI via Higgsfield (com aprovação de créditos). Cada peça passa por três verificações: 3 stills para aprovação visual, verificação de ritmo (pacing) e verificação de loop perfeito (pixel loop). É ideal para quem precisa de introduções, animações, loops, cartões de título ou motion graphics personalizados, seguindo regras rígidas de design (sem gradientes hue-shift, sem glow, sem easing linear em movimentos seguidos pelo olho, no máximo 6 palavras na tela, uma cor de destaque, e apenas fontes gratuitas).

Funciona com✓Claude Code~Codex CLI~Cursor
npx skills add https://github.com/goetzphillip10-dotcom/Claude-Video-2/tree/main

Perguntar na sua IA favorita

Abre um novo chat com esta habilidade de agente já pré-carregada.

Documentação

O que Claude Video 2.0 faz?

Três estágios: A. escolher um estilo (galeria) -> B. cinco perguntas -> C. construir (storyboard, stills, render, verificações). Cada passo segue os 5 hacks em references/hacks.md: um estilo, referências reais, um briefing em números, um relógio de loop único e verificação de quadros, não de código.

$SKILL abaixo significa a pasta deste skill (geralmente ~/.claude/skills/claude-video-studio). Crie uma nova pasta de trabalho para cada peça (por exemplo ./video-<nome-curto>/). Nunca construa dentro de $SKILL.

Antes de começar

Execute bash $SKILL/scripts/doctor.sh uma vez. Se faltar algo, forneça à pessoa o comando de correção e pare.

Estágio A: escolher um estilo

  1. Inicie a galeria em segundo plano (use a opção de execução em segundo plano; ela serve em 127.0.0.1 e para sozinha após 90 minutos): python3 $SKILL/scripts/gallery.py Ela abre no navegador e imprime o endereço. Forneça o endereço também, caso não tenha aberto (adicione --no-open se quiser apenas o endereço). Pare-a quando a pessoa escolher, ou deixe-a: ela para sozinha.
  2. Diga, em uma mensagem curta: "Sua galeria de estilos está aberta: <endereço>. Cada bloco é um vídeo real feito a partir de código. Vire um bloco para 'Com mídia' para vê-lo com fotos e filmagens reais. Pressione 'Usar este estilo' no que você gostar e cole aqui. Ou cole de 1 a 3 links ou imagens de sua própria referência."
  3. Quando a pessoa responder:
    • Um id de estilo (como paper-world): leia $SKILL/styles/<id>/STYLE.md. Essa especificação agora é lei para esta peça.
    • Suas próprias referências: examine cada uma (abra links, leia imagens). Escreva uma nova especificação na pasta de trabalho, STYLE.md, no formato de $SKILL/references/style-format.md. Descreva COMO cada referência foi feita (texto mascarado, câmera lenta, takes longos), com cores hexadecimais e números de easing. Mostre em 5 linhas.
    • "Você escolhe": escolha o melhor estilo para o tópico e justifique em uma linha.

Estágio B: as perguntas

Leia $SKILL/questions.md. Envie o bloco entre suas duas linhas --- como UMA mensagem, palavra por palavra. Pule o que já foi informado. Aceite "vai" como sim para todos os padrões. Use os acompanhamentos apenas quando necessário.

Estágio C: construir

  1. Briefing em números (hack 3). Escreva BRIEF.md na pasta de trabalho: tamanho (1920 x 1080 para 16:9, 1080 x 1920 para 9:16), duração, 30 fps, loop ou não, as palavras exatas, paleta em hex (as cores da marca substituem as do estilo, suas regras permanecem), fontes com seus links, números de easing, e a lista de proibições sempre ativa: sem gradientes hue-shift, sem glow, bloom ou lens flares, sem easing linear em nada que o olho acompanhe, sem tudo centralizado, nada escalando do zero, no máximo 6 palavras na tela, uma cor de destaque, sem cromo falso. Onde a assinatura do estilo escolhido conflitar com esta lista (um brilho de sol, um widget centralizado), o estilo vence: seu vídeo da galeria é a prova. Todo o resto da lista ainda se aplica.
  2. Storyboard. Escreva storyboard.json (tomadas com tempos, o que o gráfico faz, e o ativo para cada: code, user\_photo, user\_clip ou generate; veja $SKILL/examples/storyboard.json). Execute python3 $SKILL/scripts/storyboard.py storyboard.json e mostre a tabela.
    • Se alguma tomada for generate (um clipe AI da Higgsfield), a tabela mostra a estimativa de créditos. PARE e aguarde um "sim" claro antes de gastar qualquer coisa. Em seguida, crie cada clipe com python3 $SKILL/scripts/higgsfield.py generate ... --out media/shotN.mp4 --yes, um de cada vez, e analise 3 quadros de cada um antes de usar. Veja $SKILL/references/media.md.
    • Sem clipes AI, mostre a tabela e prossiga, a menos que a pessoa objete.
  3. Construir. bash $SKILL/scripts/new_project.sh <trabalho>/proj 16x9|9x16 <segundos> <id do estilo>. Se o estilo tiver uma peça de referência, o projeto começa como uma cópia dela: altere as palavras, cores, temporização e tamanho conforme o briefing (o script avisa quando o tamanho ou duração diferem; então reorganize, nunca corte). Caso contrário, construa a partir do template. Se precisar fazer loop e a referência não, siga $SKILL/references/loops.md. Regras importantes:
    • Um relógio para todo o movimento (hack 4): STUDIO.play(t => render(t), { loop }) de studio.js, ou uma timeline GSAP pausada. Mesmo tempo de entrada, mesma saída de imagem: sem Math.random (use STUDIO.rng), sem Date.now, sem timers.
    • Fontes: apenas gratuitas, cada uma carregada com um <link>; se alguma fonte tiver link, forneça link para todas (veja $SKILL/references/hyperframes.md).
    • A mídia vai dentro do design (máscaras, cartões, formas), nunca sob texto ilegível, nunca sobre um rosto.
    • Copie as fotos e clipes da pessoa para <trabalho>/proj/media/. Nunca mova ou altere os originais.
  4. 3 stills para aprovação (hack 5). bash $SKILL/scripts/stills.sh <trabalho>/proj <t1>,<t2>,<t3>, cada um cerca de 0,6 s após uma mudança de tomada, depois que as coisas se estabilizarem (analise mais para sua própria revisão, se desejar). Leia stills/peek.jpg. Dê notas de composição, movimento, tipografia, cor e ideia de 1 a 10, como um designer sênior rigoroso. Corrija as 3 piores coisas; repita até que todas estejam 8 ou mais. Em seguida, mostre os 3 stills e as notas e pergunte: "Pode renderizar?" Aguarde um sim (qualquer observação: corrija, novos stills, pergunte novamente).
  5. Renderizar. bash $SKILL/scripts/render.sh <trabalho>/proj <trabalho>/out/rascunho.mp4 rascunho.
  6. Verificações. python3 $SKILL/scripts/pacing_check.py <trabalho>/out/rascunho.mp4 (adicione --loop se for loop; sem pausa morta acima de 1 s, nada na tela abaixo de 0,3 s) e, se for loop, python3 $SKILL/scripts/loop_check.py <trabalho>/out/rascunho.mp4 --project <trabalho>/proj (o quadro em 0 s deve ser igual ao quadro no final). Leia a folha de contato. Corrija e re-renderize até ambos passarem.
  7. Final. bash $SKILL/scripts/render.sh <trabalho>/proj <trabalho>/out/final.mp4 alta, execute as verificações novamente.
  8. Entrega. Forneça o caminho, duração, tamanho do quadro, tamanho do arquivo, resultados das verificações, as notas e uma linha sobre o que tentaria a seguir. Se o arquivo tiver mais de 20 MB, faça também uma cópia menor para compartilhamento: ffmpeg -v error -i final.mp4 -c:v libx264 -crf 22 -preset slow -an final-compartilhar.mp4. Em seguida, leia $SKILL/config.json. Se link não estiver vazio, termine com uma linha: "Mais estilos e ajuda: <rótulo_do_link ou link> ". Se estiver vazio, não diga nada sobre isso.

Regras rígidas

  • Nunca peça, imprima, registre ou confirme uma chave de API. As chaves vivem apenas no shell ou em um arquivo .env.
  • Nunca gaste créditos sem mostrar o storyboard com seu custo e obter um "sim" claro para esse plano.
  • Nunca cubra um rosto com texto ou gráficos.
  • Nunca diga que uma verificação passou sem executá-la. Nunca diga que um visual está correto sem olhar para um quadro.
  • Um estilo por peça. Uma cor de destaque. A lista de proibições sempre se aplica.
  • Apenas fontes gratuitas. Nunca copie arquivos de fonte para um projeto.

Arquivos

  • gallery/ a página da galeria e seus vídeos. scripts/gallery.py a serve.
  • styles/<id>/ 21 visuais: STYLE.md (paleta, tipo, easing, regras de movimento, movimentos característicos, mídia, lista de proibições), além de index.html, uma peça de referência funcional completa, para a maioria deles.
  • questions.md as perguntas do Estágio B (edite à vontade). config.json o link de encerramento opcional.
  • references/ os 5 hacks com fontes, números de movimento, regras do HyperFrames, como fazer um loop, modo Mídia e Higgsfield, formato de estilo.
  • templates/motion/ o iniciador em branco e studio.js (o relógio de loop único).
  • scripts/ doctor, gallery, new_project, stills, render, pacing_check, loop_check, storyboard, higgsfield.
  • examples/ um pequeno briefing e um storyboard.

Habilidades Relacionadas