Claude Design y HTML de Claude a MP4
Suelta el .zip que exportaste de Claude Design, o pega el HTML que Claude escribió en un chat, y guárdalo como MP4, GIF o WebM transparente. Renderizado fotograma a fotograma en tu ordenador: sin grabar la pantalla, sin subir nada.
- ✓Suelta el .zip tal cual
- ✓Hasta 4K a 60 fps
- ✓Gratis, sin marca de agua
- ✓No se sube nada
MP4 de 1920×1080, dibujado fotograma a fotograma en tu ordenador: fluido sea cual sea su velocidad, y no se sube nada.
O empieza con un ejemplo
Cada uno es un único archivo HTML. Cárgalo, cámbialo y expórtalo.
De Claude a un archivo de vídeo
- 01
Exporta o copia
En Claude Design, exporta el proyecto como .zip. Desde un chat, copia el HTML o descarga el archivo.
- 02
Suéltalo aquí
Suelta el .zip o el .html en la herramienta, o pega el código. Sus imágenes, scripts y fuentes se leen del .zip.
- 03
Renderiza
Elige MP4, GIF o WebM y el tamaño; el archivo se dibuja fotograma a fotograma y queda listo para descargar.
Formatos
Todos los formatos con un solo pegado
Elige el archivo según dónde vaya a usarse. La misma página se renderiza en cualquiera de ellos y en cualquiera de las tres proporciones.
MP4
H.264 · 720p, 1080p o 4K · 24/30/60 fps
Para redes sociales, presentaciones y editores de vídeo. Se reproduce en todas partes.
GIF animado
De 360p a 720p · 10/15/25 fps · en bucle
Para un README, un mensaje de Slack, un email o documentación.
WebM transparente
VP9 con canal alfa · de 720p a 4K
Sin el fondo de la página: una capa superpuesta para Premiere, DaVinci Resolve, Final Cut o CapCut.
Imagen PNG
1080p o 4K · cualquier instante · transparente
Un fotograma como imagen fija: un póster, una miniatura o una imagen para diapositivas.
Más allá de esta herramienta
Una animación es el comienzo. Una skill hace el vídeo entero.
Esta herramienta convierte en vídeo el HTML que ya tienes. Una Motion Skill empieza un paso antes: en Claude Code, Codex o Cursor, tu agente lee tu producto o tus notas, planifica los planos, escribe cada escena, pone la música y renderiza el MP4 terminado.
- ✓A partir de tu propio material, no de un prompt en blanco
- ✓Varias escenas, montadas con música
- ✓Renderizado en tu ordenador y tuyo para usarlo
Skills que siguen desde aquí
Cada una hace un tipo de vídeo distinto. La primera es la más cercana a esta página.
¿Haces más de un tipo de vídeo?
Empieza gratis con Motion Director. Una skill cuesta $4.90; un plan desbloquea todas las skills y las nuevas a medida que llegan.
Mensual
$9.90/ mes
- ✓Todas las skills de vídeo completo, estilos incluidos
- ✓Nuevas skills en cuanto salen
- ✓Actualizaciones de las skills existentes
- ✓Uso comercial de lo que renderizas
Anual
Ahorra 34%$79/ año
- ✓Todas las skills de vídeo completo, estilos incluidos
- ✓Nuevas skills en cuanto salen
- ✓Actualizaciones de las skills existentes
- ✓Uso comercial de lo que renderizas
Fundador de por vida
Oferta fundador$169pago único
- ✓Todas las skills de vídeo completo, estilos incluidos
- ✓Nuevas skills en cuanto salen
- ✓Actualizaciones de las skills existentes
- ✓Uso comercial de lo que renderizas
- ✓Un solo pago, sin renovaciones
Obtener Motion Director (gratis) →Una sola skill $4.90 · Elige una skill →
Preguntas
¿Funciona con una exportación de Claude Design?
Sí: suelta el .zip. La herramienta encuentra la página dentro y lee del archivo todas las imágenes, scripts, hojas de estilo y fuentes que usa.
¿Por qué no grabar la pantalla sin más?
Una grabación conserva los fotogramas perdidos y las bandas de color de una página pesada, y necesita el tamaño de ventana justo. Aquí cada fotograma se dibuja en su instante exacto, al tamaño que elijas.
¿Lo ha hecho Anthropic?
No. Es una herramienta gratuita e independiente de Motion Skills que funciona con HTML de cualquier origen, Claude incluido.
¿Se sube mi proyecto?
No. Se ejecuta en un marco aislado de tu navegador y el vídeo se codifica en tu ordenador.