Volver al blog
Primeros pasos · 09 / 19

Cómo usar Claude Motion con Claude Code

Construye el ejemplo abierto, formula un encargo acotado, revisa cambios y verifica el vídeo final.

Este tutorial utiliza whaleyxbt/claude-motion, el proyecto abierto basado en Remotion. No instala Motion oficial de Anthropic ni este sitio independiente Claude Motion Skills. Hemos contrastado los comandos con documentación y scripts, pero no ejecutado en todos los equipos compatibles. Si faltan herramientas, empieza por los requisitos.

Inicia el agente en el proyecto correcto

Instala Claude Code siguiendo la guía actual de Anthropic e inicia sesión mediante su flujo compatible. Comprueba claude --version. La autenticación del agente y las dependencias del repositorio son asuntos separados. Prepara una carpeta exclusiva, clona el repositorio exacto indicado abajo y conserva sus instrucciones. Si buscabas nuestras plantillas, utiliza primeros pasos y cm-skills. No instales un paquete npx ajeno solo por tener un nombre parecido.

Fuentes y lecturas adicionales: whaleyxbtAnthropicClaude Motion Skills

Construye el original antes de modificarlo

Ejecuta los comandos desde una carpeta donde puedas crear un directorio nuevo. La compilación documentada encadena generación de sonido, renderizado Remotion y combinación FFmpeg; el ejemplo esperado es out/effort.mp4. Ábrelo antes de pedir un rediseño. Si se detiene, conserva el primer error e identifica la etapa fallida. Inicia Claude Code dentro de la carpeta clonada para que examine los archivos reales y no describa un proyecto hipotético en otro lugar.

git clone https://github.com/whaleyxbt/claude-motion
cd claude-motion
npm install
npm run build
claude
Fuentes y lecturas adicionales: whaleyxbtwhaleyxbt

Formula una tarea creativa acotada

Pide leer AGENTS.md, CLAUDE.md y las habilidades pertinentes antes de editar. Entrega texto definitivo, recursos autorizados, público, formato y duración. Un primer encargo útil es un anuncio cuadrado de quince segundos, tres escenas y una acción final. Solicita primero guion visual y tiempos, después implementación. Exige conservar los hechos e identificar recursos ausentes. Pide explicar instalaciones del sistema y servicios externos de pago antes de usarlos; un encargo de vídeo no necesita cambios ilimitados en el equipo.

Fuentes y lecturas adicionales: whaleyxbt

Utiliza el ciclo de revisión del proyecto

Pide un borrador de baja resolución y una hoja de contactos; inspecciona las imágenes reales. El proyecto incluye scripts draft y sheet; el comando de contactos inferior utiliza el borrador renderizado. Comenta por escena y marca temporal. Corrige desbordamientos, texto pequeño, transiciones bruscas y tiempos de lectura antes del render final. Guarda una copia funcional o un punto de control Git. Si un cambio falla, compara archivos modificados y errores en vez de pedir reconstruirlo todo repetidamente.

npm run draft
npm run sheet -- --video out/draft.mp4
Fuentes y lecturas adicionales: whaleyxbtwhaleyxbt

Verifica el archivo entregable

Renderiza con los scripts apropiados y abre el MP4 en un reproductor. Comprueba duración, dimensiones, audio, último fotograma y texto exacto de la llamada a la acción. Conserva el proyecto y una nota con los comandos que funcionaron. El archivo es una prueba más sólida que la afirmación del agente de haber terminado. Para el flujo independiente del sitio, sigue sus instrucciones de vista previa y render local; no supongas que el servicio opcional de voz está disponible.

Fuentes y lecturas adicionales: whaleyxbtClaude Motion Skills

Tu siguiente paso

Primero demuestra que funciona el ejemplo original. Después solicita cambios pequeños y verificables y revisa la exportación antes de entregarla.

Explora el espacio de creación

Fuentes y lecturas adicionales

Las referencias enlazan a la documentación original y a sus creadores. La disponibilidad puede cambiar; consulta la fuente antes de suscribirte o instalar.

  1. Claude Motion repository and quick startwhaleyxbt
  2. Project build scriptswhaleyxbt
  3. Set up Claude CodeAnthropic
  4. Claude Motion Skills getting startedClaude Motion Skills