01 Qué es y cómo funciona
En un editor tradicional arrastras clips por una línea de tiempo. Aquí no: el vídeo es código React. El proyecto se apoya en Remotion, un framework que dibuja cada fotograma con componentes y lo exporta a MP4. Claude Code escribe y modifica esas composiciones a partir de lo que le pides en lenguaje natural.
El repositorio trae una biblioteca de 25 componentes (títulos animados, rótulos inferiores, subtítulos estilo redes, fondos de partículas, pantalla dividida, barras de progreso, llamadas a la acción, transiciones), 10 plantillas, varias skills de Claude sobre Remotion y diseño de movimiento, y un CLAUDE.md con las reglas del proyecto. Todo se ejecuta en local y no necesita claves de API.
Crear desde cero
Reels y TikToks verticales, anuncios de producto, presentaciones animadas, testimonios y comparativas antes/después.
Editar tus grabaciones
Subtítulos palabra a palabra con Whisper, detección y corte de silencios, extracción de clips para redes.
Adaptar a cada red
Presets de dimensiones para vertical 1080×1920, horizontal 1920×1080 y cuadrado 1080×1080.
Quitar fondos de imágenes
Un script elimina el fondo de fotos con IA local para usarlas como recorte dentro del vídeo.
02 Instalación
-
1
Comprueba Node.js
Ejecuta node -v en la terminal. Necesitas la versión 20 o superior; si no la tienes, instala la LTS desde la web oficial de Node.js.
-
2
Clona el repositorio
Descárgalo con Git en la carpeta donde guardes tus proyectos.
-
3
Abre Claude Code dentro de la carpeta
Entra en editor-pro-max y escribe claude.
-
4
Ejecuta /start
Es un comando incluido en el proyecto: instala dependencias, comprueba que TypeScript compila, arranca Remotion Studio y te enseña ejemplos de lo que puedes pedir.
-
5
Abre la vista previa
Remotion Studio queda en http://localhost:3000. Ahí ves cada composición y la reproduces mientras Claude la modifica.
git clone https://github.com/Hainrixz/editor-pro-max.git
cd editor-pro-max
claude
# dentro de Claude Code:
/start03 Crear un vídeo desde cero
Cuanto más concreto sea el encargo, menos vueltas: plataforma, duración, estructura por segundos, textos exactos, colores y tipografía de la marca. Si tienes logotipo o fotos, cópialos antes a public/assets/ y menciónalos por su nombre.
Crea una composición nueva de 20 segundos en formato vertical 1080×1920 para anunciar [producto o servicio]. Estructura: 0-3 s gancho con la frase «[frase]» en grande; 3-15 s tres ventajas, una por pantalla, con icono y animación de entrada; 15-20 s logo (public/assets/logo.png) y la llamada a la acción «[texto]». Colores de marca [hex] y [hex], fondo oscuro con degradado suave. Usa los componentes del proyecto antes de crear otros nuevos y avísame cuando pueda verlo en el Studio.Convierte este guion en una presentación 16:9 de unos 90 segundos: [pega el guion]. Una idea por diapositiva, como mucho 12 palabras en pantalla, transición suave entre diapositivas y barra de progreso abajo. Estilo sobrio: fondo claro, texto oscuro, acento en [color]. Cierra con una diapositiva de contacto con [web o email].04 Editar tus propias grabaciones
Para trabajar sobre un vídeo grabado, colócalo en public/assets/. Claude encadena los scripts del proyecto: analiza el archivo, extrae el audio, lo transcribe con Whisper.cpp con marcas de tiempo por palabra y detecta silencios con el FFmpeg que incluye Remotion. Después monta una composición con subtítulos, cortes y rótulos.
He dejado mi grabación en public/assets/charla.mp4 (habla en español). Haz lo siguiente: 1) transcribe el audio con un modelo multilingüe de Whisper en español, 2) detecta los silencios de más de 0,6 segundos y elimínalos con cortes, 3) añade subtítulos grandes de alto contraste palabra a palabra y un rótulo inferior con «[nombre] · [cargo]» en los primeros cinco segundos. Antes de renderizar, enséñame en el Studio el resultado y la lista de cortes.A partir de la transcripción de public/assets/webinar.mp4, propónme los tres fragmentos de 30 a 45 segundos que mejor se entienden sin contexto, con su texto y minuto de inicio. Cuando elija, crea una composición vertical para cada uno con subtítulos y una barra de progreso.05 Revisar y exportar
- ✓Reproduce la composición entera en el Studio antes de exportar: los errores de tiempo se ven mejor que en el código.
- ✓Revisa los subtítulos palabra por palabra; nombres propios y cifras son lo que más falla.
- ✓Comprueba la zona segura en vertical: las redes tapan textos pegados a los bordes.
- ✓Pide a Claude que exporte a out/ con un nombre que incluya red y fecha.
- ✓Si necesitas varias versiones (vertical, cuadrada, horizontal), pídelas como composiciones separadas que compartan los mismos textos.
06 Límites y licencia
Editor Pro Max se publica con licencia MIT, pero Remotion tiene su propia licencia: es gratuito para particulares, organizaciones sin ánimo de lucro y empresas de hasta tres empleados, incluso con uso comercial. Una empresa más grande necesita la licencia de empresa de Remotion. Compruébalo antes de usarlo para clientes.
Renderizar consume CPU y memoria; en un portátil modesto, un vídeo de un minuto puede tardar varios minutos. Y no sustituye a un editor profesional en piezas con mucho rodaje: brilla en formatos repetibles como anuncios, clips con subtítulos y presentaciones de marca.
Preguntas frecuentes
No para empezar: Claude escribe el código. Ayuda entender que cada vídeo es una composición con nombre y que la vista previa está en el Studio, para pedir cambios con precisión.
Los scripts del proyecto usan el FFmpeg que trae Remotion mediante npx remotion ffmpeg, así que normalmente no hace falta.
No. Transcripción, cortes, quitado de fondos y renderizado se hacen en tu ordenador. Lo único que sale es la conversación con Claude, que no incluye el archivo de vídeo.
Sí. Pide a Claude que guarde tus colores, tipografías y logotipo en los presets de marca del proyecto y que los use por defecto en cada composición nueva.
Sobre el autor
Equipo editorial de appyweb
Marketing, SEO y desarrollo con IA
Especialistas de appyweb en SEO, publicidad, desarrollo web y automatización con IA.