CreatorMotion · Motion graphics con IA para creadores de YouTube, TikTok y Reels
CreatorMotion le da a Claude Code, Codex o Cursor más de 122 efectos de motion pensados para videos de creadores. Pasa a tu agente un clip a cámara o una línea de tu guion y creará texto detrás de ti, gráficos en pantalla dividida y B-roll explicativo que sigues pudiendo editar, y luego renderizará el MP4 para tu línea de tiempo.
En crecimiento: añadimos efectos nuevos con regularidad.
/bs-creatormotion Pon “MAKE IT CLEAR” detrás de mí en el 0:14 de interview.mp4Claude Code
Funciona en tu agente y exporta a tu editor
Claude Code
Codex
Cursor
Pensado para tu feed
Aquí tienes un mismo render usado de dos formas: a pantalla completa en un video de YouTube y escalado en la mitad superior de un formato vertical, sobre un plano a cámara, para Shorts, TikTok y Reels.
El clip tal como lo renderiza la Skill, en 1080p o 4K. Colócalo en tu pista de B-roll y llenará el encuadre.
El mismo clip escalado para llenar la mitad superior de un formato 9:16, con tu plano a cámara en la mitad inferior.
Este corte vertical se hizo en un editor como CapCut o Premiere Pro: el clip escalado para llenar la mitad superior, con las propias imágenes del creador debajo.
La biblioteca
Elige según lo que cambia en pantalla: una cifra que crece, dos opciones comparadas, un paso añadido, un nuevo capítulo.
En crecimiento: añadimos efectos nuevos con regularidad.
Título tras el sujetoA-roll · Tipografía cinética
Barras secuencialesB-roll · Comparaciones
Intercambio entre gráfico y presentadorA-roll · Presentador y pantalla dividida
Enrutamiento por un hubB-roll · Diagramas
GratisTítulo que toma la escenaA-roll · Tipografía cinética
Intercambio de pares de resultadosB-roll · Comparaciones
Presentador con foco en diapositivasA-roll · Picture-in-picture
Redefinición de conceptoB-roll · Tipografía cinética
Revelado del capítulo letra a letraCapítulos
GratisChecklist de acciones sincronizadaB-roll · Tarjetas y listas
Nube de temas tras el presentadorA-roll · Tipografía cinética
Barrido poligonal de escenaTransiciones
Recorrido por la vista de un gráficoA-roll · Presentador y pantalla dividida
Reprogramación en el calendarioA-roll · Picture-in-picture
Declaración con estallido de ecosA-roll · Tipografía cinética
Bloques de acumulaciónB-roll · Comparaciones
Ecuación de partes a totalB-roll · Diagramas
Tarjetas acumulativas con contadorB-roll · Tarjetas y listas
Énfasis en un comentarioB-roll · Enfoque
Ciclo de pila de documentos inclinadaB-roll · Collages
Órbita en el borde del capítuloCapítulos
Disolución de escena en mosaicosTransiciones
Anotaciones de funciones en teléfonoA-roll · Presentador y pantalla dividida
Presentador con respuesta de chatA-roll · Picture-in-picture
Corrección en tarjeta de textoB-roll · Tipografía cinética
Del cálculo al retornoB-roll · Comparaciones
Revelado de anotaciones ancladasB-roll · Diagramas
Del capítulo al detalle apiladoB-roll · Tarjetas y listas
Del problema a la soluciónB-roll · Enfoque
Dosier junto a un perfilB-roll · Collages
Capítulo en ventana de navegadorCapítulos
Escala al completar en teléfonoA-roll · Presentador y pantalla dividida
De notificación a registroA-roll · Picture-in-picture
Subtítulo con palabras claveA-roll · Tipografía cinética
Reinicio de capacidadB-roll · Comparaciones
Rama a ramaB-roll · Diagramas
Pila de mensajes de chatB-roll · Tarjetas y listas
Marcas de auditoría de métricasB-roll · Enfoque
Resumen sobre un muro de evidenciasB-roll · Collages
Cuadrícula de capítulos con giroCapítulos
Lista progresiva con presentadorA-roll · Presentador y pantalla dividida
Etiquetas en lados opuestosA-roll · Tipografía cinética
Anotaciones por columnaB-roll · Comparaciones
Capacidad con anotaciones ancladasB-roll · Diagramas
Conflicto de contexto compartidoB-roll · Tarjetas y listas
De la métrica al detalle de la interfazB-roll · Enfoque
Evidencia en parallax y conclusiónB-roll · Collages
Paneo por cuadrícula de capítulosCapítulos
Retrato con cita subrayadaA-roll · Presentador y pantalla dividida
Pausa con globo de preguntaB-roll · Tipografía cinética
Franja de composiciónB-roll · Comparaciones
De la convergencia a la evidenciaB-roll · Diagramas
Etiquetas en el centro y las esquinasB-roll · Tarjetas y listas
Indicador de pasos en móvilB-roll · Enfoque
Retrato con notas editorialesB-roll · Collages
Título de capítulo en tres nivelesCapítulos
Foco en líneas de una respuestaA-roll · Presentador y pantalla dividida
Revelación de especificación y estadoA-roll · Tipografía cinética
Total de libro de gastosB-roll · Comparaciones
Construcción y cierre de cicloB-roll · Diagramas
De tarjetas de costo a rangoB-roll · Tarjetas y listas
Cita de la fuente como evidenciaB-roll · Enfoque
De imágenes dispersas a muro con presentadorA-roll · Collages
Sello de título de capítuloCapítulos
Barra lateral con foco de estadoA-roll · Presentador y pantalla dividida
Pila de etiquetas adaptableA-roll · Tipografía cinética
Vínculo de roles entre dispositivosB-roll · Comparaciones
Recorrido de estados en cicloB-roll · Diagramas
Archivo en cuadrícula de carpetasB-roll · Tarjetas y listas
Anotación de una regiónB-roll · Enfoque
Muro de testimonios superpuestosB-roll · Collages
Presión de términos alrededorA-roll · Tipografía cinética
Contraste de documentos que se contraenB-roll · Comparaciones
Descomponer y recorrerB-roll · Diagramas
Fila de tarjetas delante del presentadorA-roll · Tarjetas y listas
Objetivo de un atajoB-roll · Enfoque
Lista de verificación en la paredA-roll · Tipografía cinética
Dos escalas de tendenciaB-roll · Comparaciones
Absorción en embudoB-roll · Diagramas
Cuadrícula con revelado de prioridadB-roll · Tarjetas y listas
Relevo de transcripción de vozB-roll · Enfoque
Revelado de matriz de funcionesB-roll · Comparaciones
Relevo y explicaciónB-roll · Diagramas
Inspección, separación y reveladoB-roll · Tarjetas y listas
Barras con focoB-roll · Comparaciones
Entradas que convergen en un resultadoB-roll · Diagramas
De nube de palabras clave a conclusiónB-roll · Tarjetas y listas
Barras agrupadas por métricaB-roll · Comparaciones
Puente de lista a destinoB-roll · Diagramas
De lista de preguntas a audienciaB-roll · Tarjetas y listas
Barrido de distribución con iconosB-roll · Comparaciones
Hito con rama de detalleB-roll · Diagramas
Relleno y paneo de matrizB-roll · Tarjetas y listas
Lo más reciente y luego el historialB-roll · Comparaciones
Construcción de espacios de trabajo anidadosB-roll · Diagramas
Porcentaje entre dos ladosB-roll · Tarjetas y listas
Trazado de línea y tendenciaB-roll · Comparaciones
De pipeline a abanico de salidasB-roll · Diagramas
Acercamiento a un roadmapB-roll · Tarjetas y listas
Uno frente a muchosB-roll · Comparaciones
De pipeline a resultado empaquetadoB-roll · Diagramas
Revelado secuencial de listaB-roll · Tarjetas y listas
Inspección de resultados por PromptB-roll · Comparaciones
Posicionamiento en cuadrantesB-roll · Diagramas
Insignias de estado en fila de tarjetasB-roll · Tarjetas y listas
Foco en cuadranteB-roll · Comparaciones
Revelado de ramas radialesB-roll · Diagramas
De tarjetas de pasos a capítuloB-roll · Tarjetas y listas
Una consulta, varias pantallasB-roll · Comparaciones
Énfasis en un ámbito anidadoB-roll · Diagramas
Presupuestos con deslizadoresB-roll · Comparaciones
Carriles de secuencia de mensajesB-roll · Diagramas
Revelado explicativo en radarB-roll · Comparaciones
Pirámide por niveles con notasB-roll · Diagramas
Barras de proporciónB-roll · Comparaciones
Revelado de nodos en línea de tiempoB-roll · Diagramas
Registros y gráfico de anilloB-roll · Comparaciones
Tarjetas con foco por filaB-roll · Comparaciones
Carriles de pérdida por etapaB-roll · Comparaciones
Superación del objetivoB-roll · Comparaciones
Recorrido por tarjetas de tendenciaB-roll · Comparaciones
Elección de redacciónB-roll · ComparacionesLos miembros Pro obtienen los más de 122 efectos en el paquete CreatorMotion. Los efectos sueltos también se pueden comprar uno a uno, y dos son gratis.
A-roll vs. B-roll
El A-roll eres tú, hablando a cámara. El B-roll es todo lo que insertas mientras sigues hablando. CreatorMotion cubre ambos.
A-rollEfectos que funcionan con tus propias imágenes. Los títulos se deslizan detrás de ti, los gráficos y teléfonos aparecen a tu lado y las diapositivas toman el protagonismo mientras sigues en el encuadre.
B-rollMotion graphics que insertas mientras sigues hablando. Sin grabar nada más: dale al agente tus palabras y tus cifras y él crea el visual.
Además, 9 tarjetas de capítulo y transiciones para marcar cada nueva sección.
Efectos de A-roll
24 efectos funcionan con tus propias imágenes, así que la explicación ocurre a tu alrededor, no en tu lugar.
Un titular gigante se desliza entre tú y el fondo. El agente te recorta del plano automáticamente, así que las palabras nunca te tapan la cara.
Quédate a un lado mientras en el otro se construye un gráfico, una pantalla de teléfono o una lista.
Diapositivas, apps y respuestas de chat ocupan el encuadre principal mientras tú acompañas en una ventana pequeña.
Efectos de B-roll
89 motion graphics que insertas mientras sigues hablando. Dale al agente tus cifras y las dibuja con exactitud.
Barras que suben semana a semana, cambios de antes y después, cálculos de ROI y carreras de rankings. 30 efectos, todos dibujados con tus cifras reales.
Pipelines, ciclos, embudos y líneas de tiempo que se construyen en el orden en que los explicas.
Definiciones, correcciones y frases clave animadas palabra por palabra.
Pasos y conclusiones que se apilan o se marcan al ritmo.
Capítulos y enfoque
Los videos largos necesitan señales. Estos efectos marcan cada nueva parte y señalan el detalle del que estás hablando.
Siete aperturas, desde un título estampado hasta un giro de cuadrícula, para que tu audiencia siempre sepa dónde está.
Rodea el comentario, resalta la cita o haz zoom en la métrica mientras el resto sigue a la vista.
Barridos en ángulo y disoluciones en mosaico para el corte del antes al después.
Tu estilo, tus archivos
Cada efecto se crea como un proyecto HTML que puedes abrir, ajustar y volver a renderizar.
Blanco y amarillo, carbón y lima, papel y naranja, o blanco y negro. Mantén un mismo estilo en toda una serie.
Indica al agente tu archivo de fuente y todos los títulos la usarán.
Cambia una palabra o una cifra en el proyecto y vuelve a renderizar. Sin rehacer keyframes.
Los efectos se generan en tu equipo con Node.js, FFmpeg y la CLI de código abierto de HyperFrames.
El mismo efecto, cuatro paletasPara quién es
Editar video como creador de contenido suele significar que una sola persona lo hace todo. CreatorMotion te quita los motion graphics de la lista.
Convierte un video explicativo de 15 minutos en gráficos, capítulos y planos de prueba sin abrir After Effects.
Ganchos para Shorts, TikTok y Reels que impactan antes del deslizamiento.
Lecciones con diagramas, definiciones y checklists que tus alumnos pueden seguir.
Un único sistema de motion para cada video de cliente y cada editor del equipo.
Cómo funciona
Instala el paquete CreatorMotion una vez y luego llámalo por su nombre con lo que necesitas. Codex y Cursor funcionan igual.
CreatorMotion está incluido en Skillry Pro. Ejecuta el comando de instalación para tu agente; la primera vez se abre tu navegador para iniciar sesión. O pega el prompt de instalación en tu agente y deja que lo configure todo.
Escribe /bs-creatormotion en Claude Code o Cursor, o $bs-creatormotion en Codex, y luego di lo que necesitas con palabras sencillas: la frase, las cifras, tu clip.
De forma predeterminada, el agente elige el efecto según lo que cambia en pantalla. Para usar uno concreto, nómbralo: su título en la galería o su nombre de Skill, como bs-creatormotion-type-topic-cloud. En ambos casos conserva tus palabras y cifras exactas y crea un proyecto editable.
Renderiza un MP4 en 1080p o 4K y colócalo en tu pista de B-roll en CapCut, Premiere Pro, DaVinci Resolve o Final Cut Pro.
Instala una vez
npx --yes skillry-cli@latest install bs-creatormotion --agent claude-codenpx --yes skillry-cli@latest install bs-creatormotionRead https://skillry.dev/skills/bs-creatormotion/install.md and follow the instructions to install the skill.Incluido en Skillry Pro. La primera vez se abre tu navegador para iniciar sesión.
/bs-creatormotion Pon “MAKE IT CLEAR” detrás de mí en el 0:14 de interview.mp4/bs-creatormotion Cuando digo “el tiempo de visualización pasó de 4:10 a 7:45”, pon ese gráfico a mi lado/bs-creatormotion Convierte script.md en B-roll, un efecto por cada momento clave, con la paleta charcoal-lime/bs-creatormotion Usa bs-creatormotion-type-topic-cloud: pon “HAZ CRECER TU CANAL” detrás de mí en intro.mp4, con Ganchos, Ritmo, Miniaturas y Retención alrededor/bs-creatormotion Añade una tarjeta de capítulo para “Parte 2: La edición” y renderízala en 4K/bs-creatormotion Usa los colores de mi marca en todos los segmentos: fondo #F6F7F0, acento #F4FF71En Codex, empieza con $bs-creatormotion.
Por qué una Skill
Las plantillas son rápidas y los prompts son flexibles. CreatorMotion está en medio: motion diseñado que respeta tus datos.
| Por qué una Skill | Apps de plantillas | Prompts desde cero | CreatorMotion |
|---|---|---|---|
| Punto de partida | Eliges una plantilla y la reescribes | Un prompt en blanco | Tu frase del guion, tus cifras o tu clip |
| Tus palabras y cifras | Escribes cada etiqueta a mano | Pueden desviarse o inventarse | Se conservan exactamente como las das |
| Motion | Los mismos estilos que usa todo el mundo | Distinto en cada ejecución | Más de 122 movimientos diseñados, con el tiempo justo para leerse |
| Texto detrás de ti | Máscaras manuales | A veces sí, a veces no | Recorte automático de tus imágenes |
| Lo que obtienes | Un clip dentro de esa app | Lo que escriba el agente | Un MP4 y un proyecto editable |
¿Te van bien las plantillas de CapCut para publicaciones rápidas? Sigue usándolas. CreatorMotion es para los momentos explicativos que una plantilla no puede imitar.
FAQ
El A-roll es tu material principal, normalmente tú hablando a cámara. El B-roll es todo lo que insertas mientras sigues hablando: gráficos, grabaciones de pantalla, diagramas y otros visuales que muestran lo que dices. CreatorMotion crea motion graphics para ambos: 24 efectos que funcionan sobre tu plano a cámara, 89 clips explicativos para insertar y 9 tarjetas de capítulo y transiciones.
En CapCut o Premiere Pro duplicas el clip, quitas el fondo de la copia superior y colocas la capa de texto entre las dos. Con CreatorMotion, pide a tu agente Title Behind Subject y dale tu clip: te recorta del plano automáticamente y coloca el título entre tú y el fondo. El efecto gratuito Title Scene Takeover también pone un título detrás de ti y luego pasa a mostrarlo a pantalla completa.
Claude Code no sustituirá a tu editor, pero puede crear y renderizar motion graphics. Con CreatorMotion instalado, Claude Code, Codex o Cursor convierten una frase del guion, tus cifras o tu clip en un proyecto editable y renderizan un MP4 para tu línea de tiempo.
Sí. Cada efecto se renderiza en un MP4 estándar en 1080p o 4K. Impórtalo como cualquier otro clip en CapCut, Premiere Pro, DaVinci Resolve o Final Cut Pro y colócalo en tu pista de B-roll.
Sí. Para una publicación vertical, coloca el clip renderizado en la mitad superior de un formato 9:16 con tu plano a cámara debajo, el diseño apilado que usan muchos Shorts y Reels. Escálalo si quieres que el efecto llene la mitad superior.
No. Los efectos se generan en tu propio equipo con Node.js, FFmpeg y la CLI de código abierto de HyperFrames, sin llamadas a APIs de pago. El paquete CreatorMotion con los más de 122 efectos viene con Skillry Pro; los efectos sueltos también se pueden comprar una sola vez, y dos se pueden probar gratis.
CreatorMotion crea proyectos HyperFrames: HTML, CSS y animación GSAP simples que se renderizan en MP4, para que tu agente pueda leer y cambiar cada título, cifra y color. No necesitas Remotion para usarlo.
No. CapCut es un editor completo; CreatorMotion crea los motion graphics que insertas en él. Sigue editando en CapCut, Premiere Pro o DaVinci Resolve y deja que tu agente cree los momentos explicativos.
Sigue explorando
Instala CreatorMotion y deja que tu agente se encargue de los motion graphics mientras tú te encargas de la historia.
Funciona en Claude Code, Codex y Cursor