Communitygithub.com

assafkip/claude-video-editor

Crea videos a partir de imágenes fijas cuando no hay nada que editar — narración primero (ElevenLabs v3 con etiquetas de audio), luego fotogramas clave de CUALQUIER fuente (herramientas de IA, capturas de pantalla, fotos, HTML renderizado con HyperFrames), animados de manera determinista con la receta animate-stills (movimientos de cámara HyperFrames + atmósfera GSAP). Úsalo cuando el usuario quiera un video explicativo, estilo documental o cualquier video construido a partir de imágenes generadas o recolectadas en lugar de grabaciones reales.

¿Qué es claude-video-editor?

Este skill de agente de IA, 'generate-footage', está diseñado para construir videos desde cero cuando no hay material de archivo disponible. A diferencia de 'video-use' que edita metraje existente, este skill genera la narración primero usando ElevenLabs v3 con etiquetas de audio para control expresivo, luego transcribe el audio para obtener marcas de tiempo a nivel de palabra que definen las ventanas de escena. Después, acepta fotogramas clave estáticos (PNG) de cualquier fuente — herramientas de imagen por IA (Gemini, Midjourney, SD), capturas de pantalla, fotos, o incluso HTML renderizado con HyperFrames — y los anima de forma determinista usando la receta 'animate-stills' con movimientos de cámara (push-ins, deriva, planos fijos) y efectos atmosféricos (niebla, lluvia, cambios de luz, viñeta) mediante GSAP. El pipeline está optimizado para producción: el orden de las operaciones es crítico (voz primero, luego imágenes) porque el ritmo de ElevenLabs v3 no es determinista. Incluye QA automatizado (diferencia de píxeles para verificar movimiento real, detección de volumen para niveles de audio profesional) y funciona completamente offline después de la generación de voz. Requiere Node >= 22 para el CLI de HyperFrames y una clave API de ElevenLabs ($ELEVENLABS_API_KEY). Es ideal para creadores de contenido que necesitan videos explicativos, documentales, o cualquier proyecto donde el metraje se construye a partir de imágenes generadas o recolectadas en lugar de grabaciones reales.

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

Preguntar en tu IA favorita

Abre un nuevo chat con esta habilidad de agente ya precargada.

Documentación

generate-footage

El otro punto de entrada del plugin. video-use edita metraje que YA TIENES. Este skill construye videos a partir de metraje que AÚN NO TIENES: narración más fotogramas clave estáticos, compuestos y animados por HyperFrames, renderizados de forma determinista.

Pipeline (probado en producción; consulta docs/rca/ para saber por qué el paso de movimiento es determinista):

guión (con etiquetas de audio v3)
  → narración eleven_v3            (scripts/tts_v3.py)
  → transcripción                  (npx hyperframes transcribe narration.mp3)
  → bloquear ventanas de escena a límites de oración (marcas de tiempo a nivel de palabra)
  → IMÁGENES DE CUALQUIER LUGAR    (un fotograma clave por escena — ver más abajo)
  → composición animate-stills     (recipes/04-animate-stills.md, build_scenes.py)
  → lint → render → QA de movimiento + audio (scripts/motion_check.py, hoja de contactos)

El orden importa: la voz PRIMERO, las imágenes después

Genera y transcribe la narración ANTES de construir cualquier composición o recolectar fotogramas clave. Los límites de las oraciones habladas son las ventanas de escena. Las lecturas v3 no son deterministas en su ritmo — una estimación de 120s puede resultar en 100s o 166s — por lo que las imágenes construidas primero siempre se reajustan.

Voz en off — ElevenLabs v3 con etiquetas de audio

scripts/tts_v3.py — solo biblioteca estándar, sin dependencias pip. Clave de $ELEVENLABS_API_KEY o del archivo skills/video-use/.env del plugin.

python3 scripts/tts_v3.py --probe                      # verificar eleven_v3 + listar voces
python3 scripts/tts_v3.py --voice <id> --stability 0.0 --script SCRIPT.md --out narration.mp3
  • Las etiquetas de audio van en el texto del guión: [excited], [whispers], [softly], [dramatic tone], [warmly]. v3 las interpreta; v2 las ignora.
  • Estabilidad: 0.0 = Creativo (máxima expresividad), 0.5 = Natural, 1.0 = Robusto. Una lectura "plana" se corrige bajando la estabilidad y reetiquetando el guión, no con palabras más fuertes.
  • Palancas de entrega: MAYÚSCULAS en palabras poderosas, ... para pausas dramáticas, contraste (bajar a [whispers] justo antes de una línea importante).
  • Audiciona 2-3 voces en la primera oración antes de comprometerte. La primera voz nunca es la elección.
  • v3 puede parafrasear ligeramente. Transcribe y LEE el resultado; regenera si una línea clave se desvió.

Imágenes de cualquier lugar

Un fotograma clave es solo un PNG. Al pipeline no le importa de dónde vino. Una imagen por escena, nombrada kf-NN.png, listada en el manifiesto de escena (recipes/04-animate-stills.md documenta el esquema). Fuentes que funcionan:

  • Herramientas de imagen por IA — cualquier herramienta de texto a imagen que ya tengas (Gemini, GPT image, Midjourney, SD local, o un actor alojado — ver la sección opcional al final). Genera a partir de instrucciones por escena con un sufijo de estilo fijo.
  • Capturas de pantalla y fotos — capturas de IU de productos, material de archivo, escaneos, fotografía real. El tratamiento Ken Burns fue inventado para esto.
  • HTML renderizado con HyperFrames — construye un marco HTML estilizado y captúralo; el motor produce sus propias imágenes.

Reglas de artesanía que aplican independientemente de la fuente:

  • Fija UN estilo en DESIGN.md y aplícalo a cada fotograma. La deriva entre fotogramas se lee como tomas diferentes una vez que hay movimiento y gradación.
  • Verifica el tipo de archivo. Algunas herramientas sirven JPEG con nombres .png; comprueba los bytes mágicos antes de componer (file kf-01.png).
  • QA de cada fotograma (lee la imagen). Un fotograma fuera de estilo es una regeneración, no una conservación. Verifica: artefactos de texto, marcas de agua, anacronismos, rostros en primer plano (riesgo de deriva), paleta incorrecta.
  • Sin IP nombrada, sin semejanza de persona real viva en fotogramas generados para cualquier cosa publicada públicamente.

Animación — determinista, en el repositorio

Las imágenes se convierten en movimiento con la receta animate-stills (recipes/04-animate-stills.md): una composición HyperFrames basada en manifiesto aplicando lenguaje de cámara (push-ins, deriva, planos fijos) y atmósfera GSAP (niebla, lluvia, cambios de luz, viñeta) sobre cada imagen, con ventanas de escena bloqueadas en la transcripción. scripts/build_scenes.py genera las capas de escena a partir del manifiesto; scripts/motion_check.py prueba el movimiento real mediante diferencia de píxeles en la salida renderizada. Se renderiza idénticamente en cada ejecución, no cuesta nada, funciona sin conexión.

Requiere Node >= 22 para el CLI de HyperFrames.

Subtítulos y ensamblaje

  • Subtítulos incrustados (reproducción automática silenciada en Reddit/X), a nivel de frase, sincronizados con las palabras de la transcripción.
  • Destello blanco (0.28s) en giros narrativos; fundidos suaves en otros lugares; viñeta oscura unifica imágenes de fuentes mixtas y hace que los subtítulos se lean bien.
  • Verifica el movimiento en el renderizado: diferencia de píxeles en dos fotogramas separados por 4s dentro de una misma escena (scripts/motion_check.py — diferencia media en grises > 3 = movimiento real).
  • QA de audio: ffmpeg -af volumedetect — el habla documental se sitúa cerca de -26 dB de media.

Opcional: herramientas generativas alojadas

NO son dependencias. Son una forma entre varias de obtener imágenes o clips, y pueden desaparecer sin previo aviso — planifica en consecuencia.

  • Actores de texto a imagen de Apify (por ejemplo, akash9078/ai-image-generator, ~$0.01/imagen) funcionaron bien para la generación por lotes de fotogramas clave. Vigila fallos silenciosos (ok:true con una URL nula) y tipos de archivo mal etiquetados.
  • Los actores de imagen a video alojados son donde este pipeline tenía anteriormente su paso de movimiento. El 2026-06-11 el actor danitn11/wan22-lightning-image-to-video (2 usuarios totales) murió aguas arriba en medio de la producción y cada ejecución falló instantáneamente; el análisis completo está en docs/rca/rca-generate-footage-animation-2026-06-11.md. La generación de imagen a video ahora vive en un repositorio complementario separado con un backend BYO-key conectable; el paso de movimiento de este plugin es determinista y 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.

Skills relacionados