La mayoría de vídeos «hechos con IA» salen de un modelo de vídeo: Veo, Kling, Sora… Pagas créditos, esperas y rezas para que no salga una mano con seis dedos.
Hay otra forma. Estas 5 skills de Claude no generan píxeles: Claude escribe el vídeo en código (HTML, canvas, p5.js) y ese código se renderiza fotograma a fotograma a un MP4. Sin créditos de vídeo, con control total y sin el «look IA».
Cómo hace un vídeo una skill de código
Describes el vídeo
«Un explicativo de 20 segundos sobre qué es una API, estilo papel recortado.»
Claude lo escribe en código
Cada escena es HTML, canvas o p5.js: textos, formas, dibujos y cámara.
Lo revisas
Ves una vista previa o fotogramas sueltos y pides cambios.
Se renderiza
Un navegador graba el código fotograma a fotograma.
Te llevas el MP4
Listo para Instagram, TikTok o YouTube.
Qué necesitas antes de empezar
- Claude Code instalado. Requiere un plan de pago de Claude (Pro, Max, Team o Enterprise) o una cuenta de la Claude Console.
- Node.js (la versión LTS de nodejs.org).
- Chrome o el Chromium de Playwright: es el navegador que «graba» el vídeo.
- ffmpeg, recomendable para exportar y añadir audio.
Si nunca has instalado una skill, mira primero Claude Skills desde cero.
Las 5 skills
Datos de estrellas y licencias comprobados en GitHub el 8 de noviembre de 2026.
| Skill | Para qué | Estrellas | Licencia | ¿Uso comercial? |
|---|---|---|---|---|
| HyperFrames | Motion graphics y explicativos | ~81.000 | Apache-2.0 | Sí |
| Animate | Dibujos animados con historia | ~1.700 | MIT | Sí |
| Claude Animation Base | Dibujos pintados a mano | ~2.700 | MIT | Sí |
| One Take | Demos de producto en un solo plano | ~3.900 | PolyForm Noncommercial | No |
| Lemo-Opuscar | 66 estilos de cine | ~13.500 | MIT | Sí |
01 · HyperFrames (HeyGen)
Describes el vídeo y Claude lo monta en HTML y lo exporta a MP4. Es la más completa: motion graphics, títulos, explicativos, subtítulos, transiciones y un catálogo de bloques ya hechos. Es la que usamos para animar carruseles.
- Repo: heygen-com/hyperframes · licencia Apache-2.0.
claude plugin marketplace add heygen-com/hyperframes
claude plugin install hyperframes@hyperframes
También vale con npx hyperframes skills update una vez; luego le pides el vídeo a Claude Code.
02 · Animate (cth9191)
Dibujos animados procedurales en un <canvas> de un solo archivo. Te acompaña por historia, estilo y storyboard antes de animar, con 7 estilos de serie (papel recortado, sombreado, riso, cuaderno, matemáticas, píxel e isométrico) o uno sacado de tus referencias. Admite tu música, sincronizada con el ritmo.
- Repo: cth9191/animate · licencia MIT.
Primero, Playwright (el navegador que renderiza):
npm i -g playwright && npx playwright install chromium
Y dentro de Claude Code:
/plugin marketplace add cth9191/animate
/plugin install animate@animate
03 · Claude Animation Base (JohnHeibel)
Un kit para animar dibujos pintados a mano (acuarela, trazo vivo) con p5.js y p5.brush. Trae a Clawd, la mascota de Claude Code, con 31 emociones actuadas y una guía para que el modelo anime bien.
- Repo: JohnHeibel/ClaudeAnimationBase · licencia MIT.
git clone https://github.com/JohnHeibel/ClaudeAnimationBase.git
cd ClaudeAnimationBase
npm install
Abre esa carpeta en Claude Code y pídele la escena: «Clawd descubre que su café se ha enfriado».
04 · One Take (feitangyuan)
Vídeos de producto y de lanzamiento en los que la cámara nunca corta: cada momento nace del anterior, como un plano secuencia. Trae efectos de sonido sintetizados y un «oráculo» que suspende el vídeo si parece un pase de diapositivas.
- Repo: feitangyuan/onetake · licencia PolyForm Noncommercial 1.0.0.
git clone https://github.com/feitangyuan/onetake.git ~/.claude/skills/onetake
Atención
Solo uso no comercial. La licencia de One Take lo dice claro: gratis para uso no comercial. Nada de anuncios, vídeos para tu marca que vendan o trabajos para clientes sin una licencia del autor. Para practicar o para un proyecto personal, adelante.
05 · Lemo-Opuscar (lemomo-ai)
Una caja de herramientas con 66 estilos de cine hechos en código, del cine mudo de los años 20 a un informe por satélite, pasando por óleo, acuarela o ukiyo-e. Cada estilo es un prompt más una película de muestra. Y puedes crear el tuyo.
- Repo: lemomo-ai/lemo-opuscar · licencia MIT.
claude plugin marketplace add lemomo-ai/lemo-opuscar
claude plugin install lemo-opuscar@lemolab
¿Cuál elijo?
| Quiero… | Usa |
|---|---|
| Un explicativo limpio o motion graphics | HyperFrames |
| Dibujos animados con historia | Animate |
| Un look pintado a mano | Claude Animation Base |
| Una demo de producto en un solo plano (proyecto personal) | One Take |
| Un estilo de cine concreto | Lemo-Opuscar |
Consejo
Empieza corto. Pide primero 10-15 segundos. Renderizar código es rápido, pero revisar un vídeo de un minuto entero a la primera es un lío. Cuando te guste el estilo, alarga.
Lo que no hacen
- No graban ni generan personas reales. Todo es gráfico, dibujo o tipografía. Si quieres un humano hablando, eso es otra herramienta.
- No ponen la voz ni escriben el guion por ti. Hacen la parte visual. Voz, guion y subtítulos los montas tú (o se los pides a Claude por separado).
- No salen perfectas a la primera. Pide cambios escena a escena: «la segunda escena más lenta», «el título más grande».
- No te libran de leer la licencia. Cuatro son libres para uso comercial; One Take no.
¿Y si quieres el reel entero?
Estas skills hacen la parte visual. Si lo que quieres es que Claude Code te haga el reel completo con un solo comando (guion, voz, animación y subtítulos, en estilos ya pensados para Instagram y TikTok), eso es lo que hace nuestro Pack Fábrica de Reels. Es un producto aparte, con su propio sistema; no es un paquete de estas cinco skills.
Pack Fábrica de Reels
Ver el packEl reel entero con un solo comando: guion, voz, animación y subtítulos.