Communitygithub.com

assafkip/claude-video-editor

Cria vídeos a partir de imagens estáticas quando não há nada para editar — narração primeiro (ElevenLabs v3 com tags de áudio), depois keyframes de QUALQUER fonte (ferramentas de IA, screenshots, fotos, HTML renderizado pelo HyperFrames), animados deterministicamente com a receita animate-stills (movimentos de câmera HyperFrames + atmosfera GSAP). Use quando o usuário quiser um vídeo explicativo, estilo documentário, ou qualquer vídeo construído a partir de visuais gerados ou coletados, em vez de gravações reais.

O que é claude-video-editor?

Esta skill gera vídeos completos quando não há filmagem existente, seguindo um pipeline de produção comprovado: começa com a narração gerada pelo ElevenLabs v3 (que suporta tags de áudio para expressividade), transcreve o áudio para obter timestamps palavra por palavra, bloqueia as janelas de cena nos limites das sentenças, e então coleta uma imagem estática (keyframe) por cena de qualquer fonte (ferramentas de IA, screenshots, fotos ou HTML renderizado). Em seguida, a receita animate-stills do HyperFrames aplica movimentos de câmera determinísticos (push-ins, drifts, holds) e atmosfera GSAP (névoa, chuva, mudanças de luz) sobre cada imagem, garantindo renders idênticos a cada execução, sem custos e funcionando offline. O resultado é um vídeo com legendas queimadas, flashes brancos em transições de história e uma vinheta escura que unifica fontes mistas. A ordem é crucial: a voz deve vir primeiro, pois a duração da narração v3 é imprevisível. A skill suporta Node >= 22 e usa variáveis de ambiente como `$ELEVENLABS_API_KEY`. Para cenários onde o usuário já tem filmagem, existe o ponto de entrada complementar `video-use`.

Funciona com✓Claude Code~Codex CLI~Cursor✓Gemini CLI
npx skills add https://github.com/assafkip/claude-video-editor/tree/HEAD/skills/generate-footage

Perguntar na sua IA favorita

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

Documentação

Gerar-footage

O outro ponto de entrada do plugin. video-use edita footage que você JÁ TEM. Esta skill constrói vídeos a partir de footage que você AINDA NÃO TEM: narração mais keyframes estáticos, compostos e animados pelo HyperFrames, renderizados deterministicamente.

Pipeline (comprovado em produção; veja docs/rca/ para saber por que o passo de movimento é determinístico):

script (com tags de áudio v3)
  → narração eleven_v3            (scripts/tts_v3.py)
  → transcrever                   (npx hyperframes transcribe narration.mp3)
  → travar janelas de cena nos limites das sentenças (timestamps por palavra)
  → IMAGENS DE QUALQUER LUGAR     (um keyframe por cena — veja abaixo)
  → composição animate-stills     (recipes/04-animate-stills.md, build_scenes.py)
  → lint → render → QA de movimento + áudio (scripts/motion_check.py, contact sheet)

A ordem importa: voz PRIMEIRO, visuais depois

Gere e transcreva a narração ANTES de construir qualquer composição ou coletar keyframes. Os limites das sentenças faladas são as janelas de cena. As leituras v3 são não-determinísticas no ritmo — uma estimativa de 120s pode resultar em 100s ou 166s — então visuais construídos primeiro sempre são reajustados.

Locução — ElevenLabs v3 com tags de áudio

scripts/tts_v3.py — apenas stdlib, sem dependências pip. Chave em $ELEVENLABS_API_KEY ou no .env do plugin em skills/video-use/.

python3 scripts/tts_v3.py --probe                      # verificar eleven_v3 + listar vozes
python3 scripts/tts_v3.py --voice <id> --stability 0.0 --script SCRIPT.md --out narration.mp3
  • Tags de áudio vão no texto do script: [excited], [whispers], [softly], [dramatic tone], [warmly]. v3 as interpreta; v2 as ignora.
  • Estabilidade: 0.0 = Criativo (máxima expressividade), 0.5 = Natural, 1.0 = Robusto. Uma leitura "plana" é corrigida diminuindo a estabilidade e retaggeando o script, não com palavras mais altas.
  • Alavancas de entrega: CAPS em palavras de impacto, ... para pausas dramáticas, contraste (mude para [whispers] bem antes de uma grande fala).
  • Audicione 2-3 vozes na primeira sentença antes de se comprometer. A primeira voz nunca é a escolhida.
  • v3 pode parafrasear ligeiramente. Transcreva e LEIA o resultado; regenere se uma linha chave se desviou.

Imagens de qualquer lugar

Um keyframe é apenas um PNG. O pipeline não se importa de onde veio. Uma imagem por cena, nomeada kf-NN.png, listada no manifesto de cena (recipes/04-animate-stills.md documenta o schema). Fontes que funcionam:

  • Ferramentas de imagem com IA — qualquer ferramenta texto-para-imagem que você já tem (Gemini, GPT image, Midjourney, SD local, ou um ator hospedado — veja a seção opcional no final). Gere a partir de prompts por cena com um sufixo de estilo fixo.
  • Screenshots e fotos — capturas de UI de produto, material de arquivo, digitalizações, fotografia real. O tratamento Ken Burns foi inventado para isso.
  • HTML renderizado pelo HyperFrames — construa um frame HTML estilizado e capture-o; o motor produz seus próprios stills.

Regras que valem independentemente da fonte:

  • Trave UM estilo em DESIGN.md e aplique-o a cada frame. Derivação entre frames parece tomadas diferentes quando há movimento e gradação.
  • Verifique o tipo de arquivo. Algumas ferramentas servem JPEGs com nomes .png; verifique os bytes mágicos antes de compor (file kf-01.png).
  • QA em cada frame (leia a imagem). Um frame fora do estilo é para regenerar, não para manter. Verifique: artefatos de texto, marcas d'água, anacronismos, rostos em close-up (risco de deriva), paleta errada.
  • Sem IP nomeado, sem semelhança com pessoa real viva em frames gerados para qualquer coisa publicada publicamente.

Animação — determinística, no repositório

Still se tornam movimento com a receita animate-stills (recipes/04-animate-stills.md): uma composição HyperFrames orientada por manifesto aplicando linguagem de câmera (push-ins, drifts, holds) e atmosfera GSAP (névoa, chuva, mudanças de luz, vinheta) sobre cada still, com janelas de cena travadas na transcrição. scripts/build_scenes.py gera as camadas de cena a partir do manifesto; scripts/motion_check.py prova movimento real via diff de pixels na saída renderizada. Renderiza identicamente a cada execução, não custa nada, funciona offline.

Requer Node >= 22 para a CLI do HyperFrames.

Legendas e montagem

  • Legendas incorporadas (reprodução automática silenciada no Reddit/X), no nível da frase, temporizadas a partir das palavras da transcrição.
  • Flash branco (0,28s) nas viradas da história; crossfades suaves em outros lugares; gradação com vinheta escura unifica stills de fontes mistas e faz as legendas serem legíveis.
  • Verifique movimento no render: diff de pixels entre dois frames com 4s de diferença dentro de uma cena (scripts/motion_check.py — diff médio de cinza > 3 = movimento real).
  • QA de áudio: ffmpeg -af volumedetect — fala documental fica perto de -26 dB médios.

Opcional: ferramentas generativas hospedadas

Estas NÃO são dependências. São uma maneira entre várias de obter stills ou clipes, e podem sumir sem aviso — planeje-se adequadamente.

  • Atores de texto-para-imagem do Apify (ex.: akash9078/ai-image-generator, ~$0,01/imagem) funcionaram bem para geração em lote de keyframes. Cuidado com falhas silenciosas (ok:true com URL nulo) e tipos de arquivo incorretos.
  • Atores hospedados de imagem-para-vídeo são onde este pipeline mantinha anteriormente seu passo de movimento. Em 2026-06-11 o ator danitn11/wan22-lightning-image-to-video (2 usuários no total) morreu upstream no meio da produção e todas as execuções falharam instantaneamente; a análise completa está em docs/rca/rca-generate-footage-animation-2026-06-11.md. O processo generativo imagem-para-vídeo agora reside em um repositório separado com um backend BYO-key plugável; o passo de movimento deste plugin é determinístico e local.

Individual skills in this repo

This repo contains 9 individual skills — each has its own dedicated page.

assafkip/claude-video-editor

GSAP animation reference for HyperFrames. Covers gsap.to(), from(), fromTo(), easing, stagger, defaults, timelines (gsap.timeline(), position parameter, labels, nesting, playback), and performance (transforms, will-change, quickTo). Use when writing GSAP animations in HyperFrames compositions.

assafkip/claude-video-editor

HyperFrames CLI tool — hyperframes init, lint, preview, render, transcribe, tts, doctor, browser, info, upgrade, compositions, docs, benchmark. Use when scaffolding a project, linting or validating compositions, previewing in the studio, rendering to video, transcribing audio, generating TTS, or troubleshooting the HyperFrames environment.

assafkip/claude-video-editor

Install and wire registry blocks and components into HyperFrames compositions. Use when running hyperframes add, installing a block or component, wiring an installed item into index.html, or working with hyperframes.json. Covers the add command, install locations, block sub-composition wiring, component snippet merging, and registry discovery.

assafkip/claude-video-editor

Create video compositions, animations, title cards, overlays, captions, voiceovers, audio-reactive visuals, and scene transitions in HyperFrames HTML. Use when asked to build any HTML-based video content, add captions or subtitles synced to audio, generate text-to-speech narration, create audio-reactive animation (beat sync, glow, pulse driven by music), add animated text highlighting (marker sweeps, hand-drawn circles, burst lines, scribble, sketchout), or add transitions between scenes (crossfades, wipes, reveals, shader transitions). Covers composition authoring, timing, media, and the full video production workflow. For CLI commands (init, lint, preview, render, transcribe, tts) see the hyperframes-cli skill.

assafkip/claude-video-editor

Beginner-friendly end-to-end video creator for HyperFrames. Use when the user says "make a video", "create a video", "new video", "build a video", "video from scratch", "I want to make a video", "help me create a video", or when someone who's never used HyperFrames before arrives with a concept, script, or rough idea and wants a finished MP4. Interviews the user in one pass, then builds the full video with mandatory preview and visual-verification gates.

assafkip/claude-video-editor

Build and iterate short-form vertical (9:16) videos in Hyperframes — TikTok/Reels/Shorts style. Use when Nate says "short-form video", "vertical video", "TikTok/Reels/Shorts", "make a short", "talking-head + motion graphics", or when the target is a 1080x1920 composition with face video + synced scene overlays + karaoke captions. Encodes the full May Shorts 19 playbook: face-mode choreography, audio-synced scene timing, karaoke captions, and the 10-rule quality checklist.

assafkip/claude-video-editor

Edit any video by conversation — the orchestrator for the bundled video pipeline. Use when the user wants to edit, cut, caption, grade, or add motion graphics to footage; drops a folder of clips and says "edit this"; or asks to make a promo/teaser/tutorial/short. Routes to video-use (the cut engine) and HyperFrames (motion-graphics overlays), with a motion-craft library for taste.

assafkip/claude-video-editor

Production pipeline for mathematical and technical animations using Manim Community Edition. Creates 3Blue1Brown-style explainer videos, algorithm visualizations, equation derivations, architecture diagrams, and data stories. Use when users request: animated explanations, math animations, concept visualizations, algorithm walkthroughs, technical explainers, 3Blue1Brown style videos, or any programmatic animation with geometric/mathematical content.

assafkip/claude-video-editor

Capture a website and create a HyperFrames video from it. Use when: (1) a user provides a URL and wants a video, (2) someone says "capture this site", "turn this into a video", "make a promo from my site", (3) the user wants a social ad, product tour, or any video based on an existing website, (4) the user shares a link and asks for any kind of video content. Even if the user just pastes a URL — this is the skill to use.

Habilidades Relacionadas