Clase 13
De tu marca a la pantalla: imágenes y videos con IA para tu negocio
Con Edwin Rojas: un proyecto en Codex que lee tu sitio, guarda la identidad de tu marca y la usa en cada imagen, cada carrusel y cada video corto
Al terminar vas a tener: Un proyecto de Codex con su carpeta configurada, Composio conectado, la identidad de tu marca guardada en un archivo con sus colores exactos, una imagen de promoción en 4:5, un carrusel de cinco láminas y un video de 8 segundos hecho sin gastar créditos. Además, sabes qué herramienta pagar si quieres animación de verdad.
- 27 pasos
- 70 min
- ChatGPT (app de escritorio, con Codex)
- Composio
- Firecrawl
- La tienda de ejemplo (Hocico y Bigote)
Capítulo 0
Antes de empezar
Quién da la clase, qué dejar listo, qué cuesta y tus datos.
Qué vas a hacer hoy
Esta clase la dio un invitado: Edwin Rojas, que lleva 24 años entre el marketing, la tecnología y las ventas (trabajó con Samsung, Sony, Intel y Microsoft, con canales B2B y mayoristas) y que hoy acompaña al equipo de Impulso Estratégico. Él mismo se presenta así: mercadólogo de formación, ingeniero de sistemas de corazón y comercial por obligación.
Lo que vas a armar es un proceso para que la IA haga el contenido visual de tu marca sin perderla en el camino: lee tu sitio, deja por escrito la identidad de tu marca (sus colores exactos, su letra, sus fotos, su voz) y con eso hace una imagen, un carrusel y un video corto que se ven de la misma marca.
Lo que hay que dejar listo
| Qué | Para qué | Qué dejar listo |
|---|---|---|
| La app de escritorio de ChatGPT | Trae Codex, el agente que trabaja sobre una carpeta de tu computador | Instalada en macOS o Windows, con tu cuenta. Codex no está en la web ni en el celular. |
| Una cuenta en Composio (composio.dev) | Conecta a Codex con tus herramientas: Firecrawl para leer el sitio, y las de video | La cuenta gratuita. Puedes entrar con Google. |
| Una cuenta en Firecrawl (firecrawl.dev) | Lee el sitio web por dentro de Composio | La cuenta gratuita, sin tarjeta. |
| Un sitio web | De ahí sale la identidad de tu marca | El tuyo. Para practicar, la tienda de la clase (el enlace está aquí abajo). |
| El marco de trabajo | Un texto que deja la carpeta lista para que el agente aprenda y no empiece de cero | El documento de aquí abajo. Lo vas a copiar entero en el Capítulo 2. |
La tienda de la clase es inventada. Hocico y Bigote es una tienda de barrio de alimentos y accesorios para perros y gatos en Quito que no existe: su sitio se hizo para practicar sin usar la marca de nadie. Codex se dio cuenta solo, y por eso marcó todo lo que hizo como propuesta de demostración.
Abrir la tienda de ejemplo, Hocico y Bigote (sitio ficticio para practicar)Gratis · Se abre en otra pestaña, esta guía no se cierraAbrir el marco de trabajo (documento para copiar entero)Gratis · Se abre en otra pestaña, esta guía no se cierraTus datos para esta clase
Cinco datos, y los prompts salen con tu marca adentro. Si vas a practicar con la tienda de ejemplo, escribe los de muestra, que aparecen en gris en cada campo.
Esto se guarda solo en tu navegador y se usa para completar los prompts de la guía. No lo enviamos a ninguna parte.
Capítulo 1
Por qué un chat suelto pierde tu marca
La persona de la calle · dos caminos para conectar tu IA.
La persona de la calle
Edwin lo explicó con una escena. Eres el dueño de la tienda y sales a la calle. Paras a una persona cualquiera y le dices: no sé cómo te llamas ni a qué te dedicas, pero hazme una imagen para mi negocio de mascotas. Te la hace, y te gusta. Al rato pasa otra persona, o la misma, y le pides la segunda. No va a hacer la misma imagen, ni a guardar el mismo concepto: los perros cambian de cara, los colores se corren, el logo sale distinto.
Eso es pedirle imágenes a un chat suelto. No es malo: sirve para preguntas sueltas. Pero para una marca hace falta otra cosa: un especialista que trabaje en tu marca y que al día siguiente se acuerde de que ayer hizo una imagen para tu tienda, de que la imagen de la marca era un perro y un gato, y de qué colores usó.
Ese especialista es un proyecto de Codex sobre una carpeta de tu computador. Todo lo que aprende de tu marca queda escrito ahí, en archivos, y lo vuelve a leer cada vez.
Un alumno preguntó si esto es lo mismo que un proyecto en Claude. Lo es: la misma estructura sirve en Claude Code o en Gemini. La clase se hizo en Codex porque, como dijo Edwin, hoy uno lleva la delantera y la semana que viene puede ser otro; la carpeta y sus archivos se van contigo.
Dos caminos para conectar tu IA
La única lámina de la clase:

- Conexión directa. Los conectores que trae cada IA: tu correo, tu nube, tu calendario. Se activan desde su catálogo, uno por uno.
- Conexión con un agregador. Una central entre la IA y tus aplicaciones. La de hoy es Composio: a la fecha de la clase tenía 1.608 aplicaciones en categorías como ventas, marketing, comunicación, productividad, contenidos y archivos.
El ejemplo de la clase fue el correo: con el conector directo, Edwin podía buscar en su Gmail, pero no redactar ni enviar; a través de Composio, sí. Lo que permite cada conector cambia seguido, así que revísalo en el tuyo antes de contar con eso.
Capítulo 2
El proyecto: una carpeta con memoria
Codex · la carpeta · el marco de trabajo.
Abre Codex
Codex es el agente de ChatGPT que trabaja sobre las carpetas de tu computador: lee, escribe archivos y corre programas ahí adentro. Nació para programar, pero hoy sirve para cualquier proyecto que necesite memoria y herramientas. Es el equivalente a Claude Code en la familia de Claude.
En la app de escritorio de ChatGPT, el menú de arriba a la izquierda cambia de vista: Chat, Trabajo y Codex. Elige Codex.
Un alumno preguntó si Codex es otra IA, como ChatGPT o Gemini. No: es un producto de ChatGPT, con tu misma cuenta.
Crea la carpeta y el proyecto
- En tu computador, dentro de Documentos, crea una carpeta con el nombre de tu marca. Va a ser la casa de todo el proyecto.
- En Codex, en la barra lateral, junto a Proyectos, crea uno nuevo. Ponle el nombre de tu marca y, en Carpetas de origen, Agregar la carpeta que acabas de crear.
- Crear un proyecto, y cuando pregunte ¿Confiar en esta carpeta?, Confiar en la carpeta.


Configura la carpeta con el marco de trabajo
El marco de trabajo es un texto que convierte la carpeta en un espacio para un agente: le pide crear sus archivos de instrucciones, separar lo que hay que hacer (directivas), lo que se ejecuta (programas) y lo temporal, y anotar lo que aprende en cada vuelta. Así, la próxima vez no arranca de cero, gasta menos uso y hace las cosas siempre igual.
Abre el documento del marco de trabajo (está en el Capítulo 0), copia todo el texto y pégalo en el chat del proyecto con esta línea antes:
Configura la carpeta del proyecto con base en estas instrucciones:
Un texto largo pegado en el chat queda como un archivo adjunto: es normal.

Capítulo 3
Composio: un solo enchufe para tus herramientas
La cuenta · Firecrawl · Composio dentro de Codex.
Tu cuenta en Composio y la primera herramienta
- Entra a composio.dev y crea tu cuenta gratuita.
- En Apps está el catálogo. Busca Firecrawl, la herramienta que lee sitios web.
- Para conectarla te va a pedir la llave de tu cuenta de Firecrawl: crea la cuenta gratuita en firecrawl.dev, copia su API key desde su panel y pégala en Composio. Ahí queda guardada; nunca la pegues en un chat.

Una alumna preguntó si hay que tener cuenta en cada herramienta que agregas a Composio. Sí: Composio es el puente, pero cada herramienta pide su propia cuenta, y sus propios créditos si los usa. Edwin tiene dieciocho conectadas, y a algunas, como Google, varias cuentas a la vez.
Las apps «Instant»
Algunas apps del catálogo, Firecrawl entre ellas, traen el rayo de Instant: Composio las usa sin que tengas cuenta en ellas, pero cobra cada llamada desde un saldo de tu cuenta de Composio (el Wallet). Viene apagado. Para esta clase no hace falta: con tu propia cuenta gratuita de Firecrawl alcanza.
Conecta Composio a Codex
En el panel de Composio, Connect Agents muestra cómo conectarlo a cada agente: Claude, Claude Code, Codex, ChatGPT, Cursor y otros, además de una dirección MCP y una línea de comandos. En Codex, Install te da los pasos al día.

Lo más simple es pedirle a Codex que lo haga por ti: corre los comandos y te avisa cuando tengas que iniciar sesión en el navegador.
Quiero conectar Composio a este Codex. Sigue la guía oficial (https://docs.composio.dev/docs/agent-plugins): instala lo que haga falta, agrega el complemento de Composio y ayúdame a iniciar sesión con mi cuenta. Explícame cada paso antes de hacerlo y pídeme permiso antes de instalar algo.
Cuando termine, en Configuración → Integraciones → Complementos, Composio aparece en la lista y activado.

Si prefieres hacerlo a mano
En Complementos, Agregar → marketplace, y en Origen la dirección que da Composio para Codex (en octubre de 2026, ComposioHQ/composio-plugin-openai en GitHub). Después instala el complemento Composio desde ese marketplace e inicia sesión. En el vivo, Edwin no abrió esa parte en pantalla porque se habría visto su llave: con la tuya, igual.
La misma central para cualquier IA
Un alumno preguntó si Composio también sirve con Claude Code. Sí, y ahí está la gracia: las conexiones viven en Composio, no en la IA. Si mañana cambias de Codex a Claude Code o a Cursor, conectas Composio al nuevo agente en un par de minutos y tus herramientas siguen ahí, sin configurarlas una por una. Edwin lo usa hace más de seis meses con la cuenta gratuita.
La contracara, dicha en la clase: es un solo punto de conexión, así que si falla, fallan todas. Otra central parecida es Monid, que cobra por llamada desde un saldo.
Capítulo 4
La identidad de tu marca, leída de tu sitio
Prompt 1 · lo que encontró · el archivo de identidad.
Que lea tu sitio
En el chat del proyecto:
Con la conexión de Composio, explora la página de [el nombre de tu marca]: con ella necesito empezar a crear creativos, tanto imágenes como videos, para las redes sociales de la marca. Mantén la identidad de marca y sus colores. Hazme diseños llamativos, que se vean lo más realistas posible y que inviten a la gente a visitar la página web. Guarda en un archivo del proyecto lo que encuentres de la marca (colores con su código, tipografías, estilo de las fotos y voz) para usarlo en todas las piezas. La página es esta: [la dirección de su sitio web]
Edwin no lo escribió: lo dictó, como si le hablara a un compañero, y la herramienta de dictado puso las comas y los puntos. Hoy no hace falta una fórmula rígida para escribir prompts: alcanza con decir con claridad lo que quieres. El cuadro de Codex tiene un micrófono, y tu computador también dicta.
Codex buscó la mejor herramienta para leer la página (no hace falta decirle cuál), abrió el sitio y volvió con la marca:

Para la primera pieza usó imagegen, la habilidad de Codex para hacer imágenes. Y dejó todo guardado en el proyecto: la imagen, la guía de identidad, unos textos y dos guiones de video, y el prompt que usó.

Revisa el archivo de identidad
Abre el archivo que dejó (en el vivo quedó en brand/identidad.md). Es texto simple:

Fíjate en el nivel de detalle: los colores no dicen «terracota», dicen #D9643A. Es lo que te pide cualquier agencia antes de imprimir algo, porque «azul cielo» hay sesenta. Edwin lo dijo sin vueltas: él es mercadólogo, sabe de teoría del color, y aun así no se sabe de memoria el código del terracota oscuro.
¿Y si leo la página de otro?
Una alumna preguntó por la seguridad: si se puede leer cualquier página, ¿qué impide hacerlo con la de otro? Lo que hace Codex es leer la parte pública del sitio, lo mismo que ve cualquiera que entra, como mirar su código desde el navegador. No entra a formularios ni a nada privado, salvo que tú le pidas que llene uno con tus datos.
Que se pueda no quiere decir que te sirva: para la identidad de tu marca, lee tu sitio, o uno que tengas permiso de usar.
Capítulo 5
La imagen
Prompt 2 · una promoción en 4:5 que no inventa la cifra.
La imagen de la promoción
En el vivo, la pidió una alumna: una promoción de descuento para Instagram. Otro alumno puso la frase en el chat: el mejor regalo de tus peluditos en tu cumpleaños.
Quiero que me ayudes a construir una imagen para Instagram en formato 4:5, para [qué quieres promocionar], que resalte la frase «[la frase que tiene que destacar]». No olvides mantener la identidad de marca, y que sea una imagen bien bonita y bien llamativa.


Capítulo 6
El carrusel
Prompt 3 · cinco láminas que cuentan una historia.
Cuatro láminas más, con una historia
La idea del carrusel también salió de una alumna: en Instagram hay muchos, y la pregunta fue si se podía pedir una secuencia en vez de imágenes sueltas.
Me gustó la imagen y necesito que me ayudes a construir cuatro imágenes adicionales relacionadas con la primera para hacer un carrusel en Instagram. Recuerda que el formato es 4:5 y que sean imágenes que conserven una secuencia, que lleven una línea, que cuenten una historia.
Codex armó la historia antes de dibujar: los peluditos preparan la sorpresa, eligen el regalo, celebran contigo y te invitan a descubrir la promoción en la web. Con los mismos personajes, la misma luz y la misma paleta.

Revisa la secuencia
Codex las dejó numeradas en orden dentro de la carpeta del proyecto, con el prompt de cada una guardado. Antes de publicarlas, pásalas en orden como las verías en el celular.
Edwin contó por qué esto importa: cuando él empezó, pedía las imágenes una por una en un chat y se le perdían las caras y los colores. Le pasaba lo de la persona de la calle. Aquí no tuvo que pedirlas de a una: el proyecto conservó el concepto.
¿Y si quiero terminarla en Canva?
Una alumna preguntó si se puede llevar el diseño a una herramienta de diseño en vez de seguir iterando en el chat. Se puede: Canva, Adobe (Photoshop, InDesign, Premiere), Affinity o DaVinci Resolve se conectan a Composio igual que Firecrawl.
El consejo de la clase fue no casarse con ninguna: deja tu sistema de diseño escrito en archivos, en la carpeta, y conéctalo a la herramienta que te sirva hoy. Si mañana cambias de herramienta porque otra es mejor o más barata, te llevas los archivos y listo.
Las redes y la etiqueta de IA
Una alumna preguntó por las marcas que ponen las redes al contenido hecho con IA. Es real: Instagram y Facebook muestran «Contenido de IA» en lo que detectan como hecho con IA, y LinkedIn muestra un ícono de credenciales de contenido en las imágenes que traen esa información.
Capítulo 7
El video corto
Prompt 4 · lo que pasó en vivo · el montaje sin créditos · animar de verdad.
Elige la imagen y adjúntala
Elige la lámina que quieres ver en movimiento. En el vivo eligió una alumna, y quedó la portada del carrusel.
- La imagen ya está en la carpeta del proyecto (en el vivo, en creatives/images). Si la bajaste a otro lado, guárdala ahí.
- Adjúntala de nuevo al chat con el + del cuadro de texto. El chat muestra las imágenes anteriores, pero no las guarda para volver a usarlas.
Sigue en el mismo chat de marketing. Si lo que viene es otro tema (el presupuesto de la promoción, por ejemplo), Edwin recomienda otro chat, o directamente otro proyecto, para no mezclar.
Pide el video
Necesito que utilices la conexión de Composio y busques la mejor herramienta para crear videos, y me ayudes a hacer un video de 6 a 8 segundos dándole movimiento a esta imagen, donde se vea a [quién aparece en la imagen que vas a animar] totalmente activos, con naturalidad, como si fuera una pequeña grabación de video. Agrega música de fondo alegre y emotiva, sin derechos de autor. Dámelo en formato 9:16, para que ocupe la pantalla completa de un reel. Antes de usar una herramienta que cobre o que pida créditos, pregúntame.
Las dos últimas líneas son lo que el vivo enseñó:
- 9:16 para un reel. En la clase se pidió en 4:5, y el mismo Codex avisó que para ocupar toda la pantalla de un reel conviene 9:16. El 4:5 sirve para el feed.
- Música sin derechos de autor. Si el reel lleva una canción con derechos, la red puede bloquearlo o dejarlo sin audio. Edwin lo dijo como especialista: mejor una melodía libre.

Lo que pasó en el vivo: tres intentos
Aquí la clase se puso interesante, porque nada salió a la primera. Vale la pena verlo entero.
1. Higgsfield. Codex encontró Higgsfield conectado en Composio y propuso el video: el perro mueve la cabeza y jadea, el gato parpadea y mueve las orejas. Pero antes de mandar la imagen afuera, pidió permiso.

Edwin autorizó, pero el cargador de Higgsfield no apareció dentro del chat y Codex le pidió subir la imagen a mano en Higgsfield. Ahí se bajó: no tenía créditos ni suscripción.
2. Veo, de Google, por Composio. Le pidió usar Veo a través de la conexión con Gemini. Codex encontró un límite concreto y lo dijo:

Edwin le dijo que lo intentara igual, y Google respondió que la cuota estaba agotada:

3. Runway. Encontró Runway, que sí anima la imagen original, pero pedía una conexión nueva y créditos propios.
El video sin gastar: el montaje local
Cuando le dices que no quieres pagar, Codex busca qué puede hacer con lo que tiene en tu computador:
No tengo créditos y no quiero usar herramientas de pago. Constrúyelo con lo que tengas, sin gastar.
En el vivo propuso un montaje: la imagen con un acercamiento suave, confeti y una melodía original compuesta por él mismo, todo hecho en el computador, sin servicios externos. Se lo explicó a Edwin antes de hacerlo: las mascotas conservarían su pose, así que no sería una grabación con movimiento natural. Edwin aceptó.

Si se traba, un chat nuevo en el mismo proyecto
En medio de los intentos se sugirió abrir un chat nuevo dentro del proyecto: a veces un chat no carga bien las conexiones de Composio y responde «no se puede» a todo, y en uno nuevo funciona. Edwin lo hizo: Chat nuevo dentro del proyecto, la imagen adjunta otra vez y un pedido corto.
Un alumno preguntó si hay que pasarle algún archivo de traspaso al chat nuevo. No: para eso está el AGENTS.md del Capítulo 2. Cada chat del proyecto lee la carpeta, con las directivas, la identidad de la marca y todo lo que se hizo antes. Por eso conviene abrir un chat por objetivo.

Pídele más, y mira el resultado con honestidad
El primer video tenía movimientos muy sutiles: una oreja, una pestaña. Edwin pidió más:
Dale más movimiento a [quién aparece en la imagen que vas a animar], que se vean con movimientos naturales.
La segunda versión subió el jadeo del perro y los giros de las orejas del gato. Y aun así, Edwin fue franco: no me gustó. Un montaje sobre una imagen quieta tiene un techo; para que los animales se muevan de verdad hace falta una herramienta de video con créditos.
Para animar de verdad: qué cuesta
Lo que sí anima tu imagen (o una escena nueva) y lo que cuesta, comprobado en sus páginas en octubre de 2026:
| Herramienta | Qué hace | Lo que cuesta |
|---|---|---|
| Montaje local de Codex | Acercamiento, efectos y música sobre tu imagen quieta | Nada aparte de tu plan de ChatGPT |
| Flow, de Google (flow.google.com) | Videos con Veo, de 4 a 8 segundos | Sin suscripción, 50 créditos al día: unos cinco videos de Veo 3.1 Lite. En horas de mucho uso puede no dejarte |
| Veo por Composio (Gemini) | Una escena nueva desde un texto; no parte de tu imagen. 8 segundos, 9:16 o 16:9 | Se cobra por segundo desde el saldo de Composio |
| Runway | Anima tu imagen original | 125 créditos gratis una sola vez; después, desde 15 USD al mes |
| Higgsfield | Reúne varios modelos de imagen y video | El plan gratuito no trae créditos; desde 15 USD al mes |
En la clase se mencionaron Flow como la opción gratuita del día a día (una alumna lo usa) e Higgsfield como la de más calidad si hay presupuesto. Y si quieres voces, ElevenLabs también se conecta a Composio. Con una herramienta con licencia, el video sale en un solo pedido.
¿Imágenes fijas o trozos de video como materia prima?
Un alumno lo preguntó para un video promocional. Edwin no lo ha probado con video: los videos en bruto pesan demasiado para leerlos dentro del proyecto. Lo que sugirió es conectar un editor como CapCut a Composio y pedirle la edición desde el agente, cargando el video en el editor y no en Codex.
Capítulo 8
Por qué funciona y qué hacer con esto
Las razones · tropiezos · la tarea · el cierre.
Por qué funciona
| La razón | Qué quiere decir |
|---|---|
| La marca está escrita | Colores con su código, letra, fotos y voz, en un archivo que cada pieza vuelve a leer. No depende de la memoria de un chat. |
| Cada chat sabe lo mismo | El AGENTS.md y la carpeta le dan a cualquier chat nuevo del proyecto todo el contexto, sin traspasos. |
| Las herramientas están en un solo enchufe | Composio conecta lo que necesites, y si cambias de IA, las conexiones siguen ahí. |
| Pregunta antes de gastar o de compartir | Codex pide permiso antes de mandar tu imagen afuera o de usar créditos, y te dice lo que no pudo hacer. |
Los tropiezos que más se repiten
| Lo que ves | Lo que casi siempre es |
|---|---|
| No encuentras Codex | Estás en la web o en el celular. Codex está en la app de escritorio, en el menú de arriba a la izquierda. |
| Codex dice que no tiene Composio | El complemento no quedó instalado o no iniciaste sesión. Revisa Configuración → Complementos. |
| Composio no puede usar Firecrawl | Falta conectar Firecrawl en Composio con tu llave, o te quedaste sin créditos de Firecrawl ese mes. |
| Responde «no se puede» a todo | El chat no cargó bien las conexiones. Abre un chat nuevo en el mismo proyecto. |
| La segunda imagen no se parece a la primera | No está leyendo el archivo de identidad. Nómbralo en el pedido y pídele que mantenga los mismos personajes. |
| Pone un precio o un descuento que no ofreces | Corrígelo en el archivo de identidad: «no inventar precios ni porcentajes». |
| El video no se mueve | Es un montaje sobre una imagen quieta. Para animación de verdad, una herramienta con créditos. |
| El reel sale con bordes | Lo pediste en 4:5. Para un reel a pantalla completa, 9:16. |
La tarea
Esta semana, con tu marca: el proyecto con su carpeta, el archivo de identidad revisado contra tu sitio, una imagen de una promoción real y un carrusel de cinco láminas. El video, primero con el montaje sin créditos; si te convence la idea, pruébala en Flow. Y antes de publicar, revisa cada pieza contra el archivo de identidad. Si te trabas, para eso está el grupo de WhatsApp.
Sigue cacharreando
Edwin cerró con su consejo: cada vez que aparece una herramienta nueva, crea una cuenta y la prueba; si le pide créditos de entrada, la descarta. Y no te frustres si no sale a la primera: hace seis u ocho meses, a él las imágenes le salían cambiando caras y colores, y hoy salen como viste.
Para cerrar
Hoy armaste el especialista que se acuerda: un proyecto de Codex sobre una carpeta, Composio conectado, la identidad de tu marca escrita con sus colores exactos, una imagen de promoción, un carrusel que cuenta una historia y un video corto hecho sin gastar, con lo que cuesta ir más allá. Gracias a Edwin Rojas por la clase y por mostrar también lo que no salió a la primera. Nos vemos en la próxima.
La grabación es el vivo completo, 85 minutos.
Abrir la grabación de la claseGratis · Se abre en otra pestaña, esta guía no se cierraAbrir la tienda de ejemplo, Hocico y BigoteGratis · Se abre en otra pestaña, esta guía no se cierraAbrir el marco de trabajo (para configurar la carpeta)Gratis · Se abre en otra pestaña, esta guía no se cierraAbrir ComposioGratis · plan Hobby · Se abre en otra pestaña, esta guía no se cierraAbrir cómo conectar Composio a Codex (guía oficial)Gratis · Se abre en otra pestaña, esta guía no se cierraAbrir FirecrawlGratis · 1.000 créditos al mes · Se abre en otra pestaña, esta guía no se cierraAbrir Flow, de Google (video con Veo)50 créditos al día sin suscripción · Se abre en otra pestaña, esta guía no se cierra