Motion graphics con Claude: ejemplos, skills y prompts (2026)
Claude hace motion graphics escribiéndolos como código: tipografía, gráficos y logos animados que se renderizan a MP4. Hazlos en Claude Motion (Team y Enterprise) o con una skill de motion graphics en Claude Code, Codex o Cursor.
Planes y funciones de Claude Motion según el artículo de ayuda y la página de precios de Anthropic, revisados por última vez el 29 de octubre de 2026. Este sitio es independiente y no está afiliado a Anthropic.
Qué son los Claude motion graphics
Los motion graphics son diseño animado: palabras, cifras, formas, iconos y logos que se mueven, en lugar de imágenes filmadas. A Claude se le dan bien por una razón: escribe código, y los motion graphics se pueden escribir como código. Una animación es una página HTML cuya tipografía, gráficos y formas cambian con el tiempo; un renderizador la reproduce fotograma a fotograma en un navegador y guarda esos fotogramas como video.
Hay tres formas de hacerlo con Claude:
- Claude Motion, la beta de Anthropic en claude.ai para los planes Team y Enterprise. Describes un video explicativo animado corto, adjuntas tu propio informe, datos o imágenes, lo editas en el chat y exportas un MP4. No es un modelo de generación de video: no hay imágenes generadas ni personas creadas con IA. Los detalles están en la guía de Claude Motion.
- Un prompt directo a Opus 5.5, en un chat o en Claude Code, pidiendo una animación como página HTML, Canvas o Three.js. La mayoría de los clips de Claude motion que se comparten en X son de este tipo. El resultado cambia en cada ejecución, y la grabación o el renderizado de la página corren por tu cuenta.
- Una skill en tu agente de programación. Una skill de Claude es una carpeta con instrucciones y archivos que Claude Code (y también Codex, Cursor o Gemini CLI) carga cuando una petición encaja. Una skill de motion graphics le dice al agente cómo planificar el video, qué look usar, cómo revisar cada fotograma y cómo renderizar el MP4, así que obtienes la misma calidad cada vez.
Ejemplos de motion graphics con Claude
Hechos con nuestras skills
Cada uno de estos videos lo dirigió y renderizó un agente de programación con una de nuestras skills, a partir de material real y con música original. Dale a reproducir para escuchar el sonido.
Nuestra propia marca: la onda se dibuja como una curva de animación, el cuadrado se rellena detrás y el nombre aparece, con un logo sonoro de cuatro notas.
Ejemplo de Intro de marca16:9 · 5 s
Qué, cuándo y dónde, la franja de totalidad, la oscuridad más larga cerca de Luxor, los días que faltan y cómo mirarlo sin riesgo.
Ejemplo de Promo de evento16:9 · 35 s
Datos del catálogo de eclipses de la NASA; seguridad ocular de la American Astronomical Society.
18 trimestres de ingresos de Data Center según NVIDIA: +141 % en el T2 del año fiscal 2024, al alza cada trimestre desde entonces, con el cambio de criterio señalado.
Ejemplo de Vídeo de datos16:9 · 22 s
No oficial; de los comunicados trimestrales de NVIDIA.
No es la distancia: la órbita con su forma real, luego la inclinación y la misma luz repartida en 2,1 veces más suelo en diciembre.
Ejemplo de Vídeo explicativo16:9 · 58 s
7.254.501 artículos en una tarjeta vertical, con las palabras que suman y la fecha en que se leyó la cifra.
Ejemplo de Tarjeta para redes9:16 · 21 s
De las estadísticas del propio sitio de Wikipedia, a 24 de octubre de 2026.
La apertura de un canal de tutoriales, cuatro cartelas sobre una regla y una barra de capítulos sobre el material.
Ejemplo de Títulos y transiciones16:9 · 18 s
Canal de ejemplo, inventado para este ejemplo.
Looks sueltos, cada uno renderizado para un producto de ejemplo:
Hechos en Claude Motion y compartidos en X
Resultados reales de Claude Motion que publicaron sus autores. Cada tarjeta abre el video, quién lo hizo y la publicación original.
Hechos con un solo prompt a Opus 5.5
Animaciones que Opus 5.5 escribió desde cero como una sola página HTML, con un único prompt y sin skill.
Más ejemplos, por escenario y por cómo se hicieron: la galería de Claude Motion.
Skills de Claude para motion graphics
Una skill de motion graphics marca la diferencia entre «Claude, anima esto» y un video que puedes publicar. Lleva dentro el look, las reglas de ritmo, las comprobaciones y el renderizado, así que tu agente no empieza de cero cada vez. Las nuestras vienen en dos tamaños.
Los looks sueltos hacen un solo trabajo con un solo estilo, desde unos segundos hasta medio minuto: un título, un logo animado, un lanzamiento en estilo impreso o de plano técnico, una idea en papel recortado o en una pizarra. Cada uno cuesta $4.90, o todos vienen incluidos con un plan.
Título cinético
Un título que ocupa todo el encuadre, al ritmo.
Logo animado
Tu logo, cortado en franjas que encajan al ritmo.
Lanzamiento en semitono
Tu lanzamiento, impreso: planchas que tiemblan hasta el registro, una trama viva de puntos y tu captura real como prueba de imprenta en el drop.
Lanzamiento en plano
Tu pantalla real dibujada como un plano técnico, con sus funciones señaladas, y luego hecha realidad.
Explicativo de papel recortado
Una idea desplegada en papel recortado: las tarjetas de cada paso se levantan como en un libro desplegable.
Explicativo en pizarra blanca
Una idea dibujada a mano mientras se explica: los pasos se trazan, se conectan y se resumen.
Las skills de video completo hacen un video entero de un tipo, con varios estilos incluidos: títulos y transiciones para tu edición, una intro de marca, un video de datos, un video explicativo, un short vertical o una tarjeta para redes.
Skill de vídeo completo
Títulos y transiciones
Aperturas, cartelas de capítulo y transiciones a juego con tu montaje.
Estilos incluidos: Tipografía cinética · Cortinillas de capítulo · Píxel retro
Skill de vídeo completo
Intro de marca
Aprende tu marca una vez y luego hace logos animados y aperturas con ella.
Estilos incluidos: Logo animado · Producto en 3D · Tipografía cinética
Skill de vídeo completo
Vídeo de datos
Encuentra la historia en tus cifras y la dibuja a escala.
Estilos incluidos: Historia con datos · Cuadrícula modular · Collage de recortes
Skill de vídeo completo
Vídeo explicativo
Encuentra la forma de una idea y hace que la cosa misma se mueva.
Estilos incluidos: Mecanismo · Mapa del sistema · Mundo plano · Papel recortado · Collage de recortes · Pizarra blanca
Skill de vídeo completo
Short vertical
De un guion o una idea a un short 9:16 con un gancho en el primer segundo.
Estilos incluidos: Tipografía cinética · Collage de recortes · Píxel retro · Historia con datos
Skill de vídeo completo
Tarjeta para redes
Una cita, una reseña o una cifra que detiene el scroll.
Estilos incluidos: Tipografía cinética · Collage de recortes · Cuadrícula modular
Todas las skills están en la tienda de skills. Para probar primero, Motion Director es gratis con un inicio de sesión de Google y hace un video de 10–20 segundos de cualquier tipo, con tipografía animada, una historia de datos o una pizarra.
Cómo crear motion graphics con Claude Code o Codex
Necesitas un agente de programación (Claude Code en Pro o Max, Codex, Cursor o Gemini CLI), Node.js 22 o posterior, FFmpeg y Google Chrome. Sin claves de API.
Instala la skill con una frase. Abre tu agente en una carpeta y pega:
Read https://claude-motion.com/skills/motion-director/install.md and follow it to install the "motion-director" skill, then make a first video with it.El agente ejecuta un solo comando,
npx motion-skills install motion-director; la primera vez, inicias sesión con Google en tu navegador.Di para qué es y señala tu material. Por ejemplo: «Una secuencia de título de 15 segundos en 16:9 para el video de nuestro producto, a partir de las notas de la 2.0 en CHANGELOG.md. Nuestros colores están en brand.css». La skill anota cada palabra y cada cifra que va a mostrar, con su origen.
Aprueba el fotograma clave. Antes de construir nada, elige un estilo y una paleta y te enseña un fotograma. Cambiar un fotograma es más rápido que cambiar un video.
Deja que construya, revise y ponga música. Escribe la animación en HTML y GSAP, mira sus propios fotogramas, comprueba cada línea con tus fuentes y compone una música original.
Pide cambios con tus palabras. «Deja el logo más tiempo», «usa nuestro verde». Cambia ese momento y vuelve a renderizar.
Llévate el archivo. Un MP4 para publicar, o un MOV con transparencia para ponerlo sobre tus imágenes en tu editor; también GIF y WebM.
En Codex la misma skill va en ~/.agents/skills/ y en Cursor en .cursor/skills/; la guía de instalación la pone donde tu agente la busca. Cada paso, con un video real desde el brief hasta la última revisión: Cómo hacer un video con Claude Code. Para los demás agentes: Haz videos con Codex, Cursor o Gemini CLI.
Prompts de motion graphics para Claude
Si prefieres escribir un prompt en vez de instalar algo, la página de prompts de Claude Motion tiene prompts de estilo con vista previa, cada uno con dónde se ejecuta: prompts para Claude Motion y prompts para Opus 5.5. Un buen prompt de motion graphics dice quién lo verá y dónde, cuánto dura, qué contenido usar y cómo termina. Para Claude Motion, por ejemplo:
Haz un título de tipografía animada de 15 segundos en 16:9 para [quién lo verá, p. ej. quienes vean el video de nuestro producto en YouTube]. Usa solo estas palabras: [tu título, p. ej. «Lanza más rápido»], [tu subtítulo, p. ej. «Versión 2.0»]. Una palabra por tiempo, con nuestros colores [p. ej. negro y lima], sin imágenes de stock. Termina en el título, fijo durante dos segundos.
Cambia los [corchetes] por tus propias palabras. Una skill necesita menos: tu material y una frase, porque el resto ya está en la skill.
Preguntas frecuentes
¿Claude puede hacer motion graphics?
Sí. Claude escribe los motion graphics como código (tipografía animada, gráficos, formas y logos) y ese código se renderiza a video. En Claude Motion, en Team y Enterprise, exportas un MP4 desde claude.ai; en Claude Code, Codex o Cursor, una skill de motion graphics renderiza el MP4 en tu computadora.
¿Hay una skill de Claude para motion graphics?
Sí. Las skills de motion graphics son carpetas con instrucciones y archivos que carga tu agente de programación, como nuestros looks sueltos (títulos de tipografía animada, logos animados, lanzamientos) y las skills de video completo (títulos y transiciones, intros de marca, videos de datos). Motion Director es gratis con un inicio de sesión de Google.
¿Necesito Claude Motion para crear animaciones con Claude?
No. Claude Motion es una beta solo para los planes Team y Enterprise. En Pro o Max, Claude Code con una skill de motion graphics hace el mismo tipo de animación y la renderiza en tu computadora; en el plan gratuito, usa la skill en Codex, Cursor o Gemini CLI.
¿Puedo usar el resultado en Premiere, Final Cut o CapCut?
Sí. Las skills renderizan un MP4, o un MOV con transparencia para títulos, rótulos y logos animados que pones sobre tus propias imágenes. También hay GIF y WebM.
¿Cuánto cuesta?
Motion Director es gratis. Cada look suelto o skill de video completo cuesta $4.90, o todas las skills vienen con un plan: $9.90 al mes, $79 al año o $169 una vez por el pase vitalicio fundador. No hay créditos; el único consumo es el de tu propio agente.
¿Claude puede hacer motion graphics con imágenes reales o personas?
No. Claude Motion no genera imágenes filmadas ni personas, y nuestras skills tampoco: animan tipografía, gráficos, formas, tus capturas de pantalla y tus fotos. Para tomas filmadas, grábalas y añade los motion graphics encima.
Sigue leyendo
- ¿Claude puede hacer videos?: qué puede y qué no puede hacer Claude, y las tres formas de hacerlo.
- ¿Qué es Claude Motion? y acceso y precios de Claude Motion.
- HyperFrames vs. Remotion, los dos grandes motores de video escrito en código.
- Alternativas a Claude Motion, desde frameworks de código hasta apps en el navegador.
Claude es una marca registrada de Anthropic, PBC. Los videos de la galería pertenecen a sus autores.