Antes de generar con un agente creativo, define el contrato del activo web
Un agente creativo puede producir imagen, video, voz y edición desde un mismo brief. Para que ese resultado funcione en una web, Mintec usa un contrato de activo que define composición, semántica, rendimiento y aprobación antes de generar.
Antes de generar con un agente creativo, define el contrato del activo web
Un agente creativo no entrega un activo listo para la web: entrega material de producción. Antes de generar una imagen, un clip o una voz, define un contrato de activo con seis cosas: dónde vive, qué debe conservar al recortarse, qué información transmite, cómo se entrega, de dónde salió y quién lo acepta. El prompt puede ser excelente y el resultado puede verse bien; sin ese contrato, el equipo todavía no sabe qué publicar.
La nueva generación de herramientas ya no se limita a producir una imagen o un clip. MiniMax Design se presenta como un agente multimodal que orquesta imagen, video, voz y edición desde una intención creativa.[1] La investigación de MiniMax sobre H3 describe la fragmentación que intenta resolver: referencias de sujeto y estilo, movimiento, edición, voz, sonido, imagen y video suelen vivir como tareas separadas.[2]
Eso es útil para explorar una dirección visual. También cambia el problema para quien construye sitios. Cuando un agente devuelve ocho variantes, una animación, una locución y una edición, la pregunta deja de ser "¿cuál se ve más bonita?". Pasa a ser: "¿cuál de estos archivos puede cumplir una función concreta en esta página sin romper la lectura, el rendimiento o la coherencia de marca?"
En Mintec no tratamos ese paso como una revisión estética tardía. Lo resolvemos antes de la generación con un contrato de activo. Es una ficha pequeña, ligada al brief y al componente de la web. No es burocracia para una imagen. Es lo que evita que una pieza aprobada para desktop termine siendo un recorte incomprensible en móvil, el elemento más pesado de la página o un video que empieza a hablar cuando alguien vuelve con el botón Atrás.
El prompt describe una escena; el contrato describe un trabajo
Un prompt puede decir: "fundadora frente a una ventana, luz de mañana, estilo editorial sobrio". Sirve para orientar la composición. Pero deja demasiadas decisiones abiertas:
- ¿La fundadora es el contenido principal o una textura detrás de un titular?
- ¿Puede un recorte vertical borrar su cara o necesita zona segura?
- ¿La imagen comunica algo que no está escrito en HTML?
- ¿El archivo será una imagen LCP, una tarjeta de contenido o el poster de un video?
- ¿Qué ocurre cuando el editor cambia el título, el idioma o el CTA?
En el navegador, una imagen deja de ser una entrega creativa y se convierte en un objeto de producto: ocupa espacio, compite por bytes, necesita ser significativa o decorativa y se adapta a varias relaciones de aspecto.
| Si aprobamos solo el output del modelo | Si aprobamos un contrato de activo |
|---|---|
| "Esta versión se ve bien" | "Esta versión es apta para el hero de la página X" |
| El prompt es la única referencia | El prompt queda vinculado a un componente y una variante publicada |
| La composición se revisa en una pantalla | Se revisa para las relaciones de aspecto que realmente se sirven |
| El peso se descubre al final | La ruta de entrega se decide antes de generar |
| El video se juzga por estética | El video tiene una regla de reproducción, poster y alternativa |
| Nadie sabe cuándo rehacerlo | Hay responsable, estado y motivo de rechazo o reemplazo |
El agente puede proponer veinte pruebas; el contrato decide cuál merece entrar al sistema.
Los seis campos que exigimos antes de generar
El contrato cabe en una tarjeta de producción. Si necesita diez reuniones para llenarse, está mal diseñado. Estos seis campos han sido suficientes para convertir una salida generativa en un activo web que el equipo puede mantener.
1. Componente y tarea en la página
Primero nombramos el lugar exacto: hero editorial, tarjeta de caso de estudio, fondo decorativo, poster de video, miniatura o bloque explicativo. Después escribimos qué hace para el usuario.
"Imagen para la home" no sirve. "Poster del video de demostración, visible después del primer bloque de texto, que anticipa el resultado sin repetir el titular" sí. La precisión evita que el mismo archivo termine forzado en cuatro lugares distintos porque alguien ya lo tenía a mano.
Esta es también la primera decisión de carga. Un hero visible al abrir la página tiene una estrategia distinta de una imagen que aparece después de cuatro secciones. Lo explicamos con más detalle en nuestro pipeline de medios generados con IA para sitios web: generar, optimizar y entregar son trabajos diferentes. El contrato añade el paso anterior, decidir si el activo merece existir y dónde.
2. Composición y zonas seguras
Pedimos una escena única, sin texto incrustado, y definimos la relación principal: 16:9, 4:5, 1:1 o 9:16. Luego anotamos qué no se puede perder en un recorte: rostro, producto, gesto, objeto o espacio negativo para el copy.
No se trata de producir todas las proporciones desde el inicio. Se trata de conocer cuál domina y qué versión se generará si el recorte automático deja de funcionar. Para una imagen con persona, por ejemplo, el contrato puede exigir sujeto en el tercio central y aire limpio a la izquierda para un titular. Para un video de producto, puede exigir que la acción comprensible ocurra sin depender de texto pequeño en la parte inferior.
3. Significado, no solo alt text
La accesibilidad no empieza cuando alguien redacta alt text al final. Empieza cuando decidimos si la pieza aporta información.
Si es decorativa, el contrato marca "sin significado único" y el componente no inventa una descripción redundante. Si presenta una función, una comparación o un paso de un proceso, el contrato pide una equivalencia en el contenido: copy, transcripción, subtítulos o una descripción corta que sobreviva si el medio no carga.
Esto importa especialmente con video generado. El guion, el CTA y los controles tienen que sostener el mensaje. En nuestro test de navegación atrás para páginas con video pedimos que recuperar contexto nunca reinicie sonido ni secuestre la atención.
4. Ruta de entrega y presupuesto de experiencia
Aquí decidimos cómo entra al navegador, no cuánto pesó el primer export. Para una imagen anotamos si puede ser candidata a LCP, si necesita dimensiones fijas, variantes responsivas y qué pasa si falla. Para video anotamos poster, duración útil, silencio o audio, controles, momento de carga y condición de reproducción.
Un ejemplo: una pieza generativa de 12 segundos para una landing puede parecer un hero obvio. El contrato puede decir lo contrario: el mensaje y el CTA siguen siendo HTML, el primer render usa un poster estático y el clip solo se carga cuando la persona elige verlo o cuando no compite con el contenido principal. No todos los videos deben arrancar solos solo porque el modelo los hizo baratos.
5. Origen y versión de producción
Cada activo publicado conserva un registro mínimo: modelo o herramienta, fecha, identificador de prompt o brief, referencias, versión aprobada y ubicación final. Así podemos rehacer una variante, sustituir un proveedor o saber qué archivo terminó en producción.
La lección no es teórica. Cuando una plataforma cambia precios, APIs o condiciones, el riesgo es no saber qué depende de ella. Nuestro análisis sobre el plan de salida para stacks de video IA muestra por qué el prompt, el modelo y la salida no deben vivir solo dentro de un workspace ajeno. El contrato no resuelve la portabilidad por sí mismo, pero deja la traza que hace posible migrar.
6. Dueño, estado y prueba de aceptación
Por último, toda ficha tiene un dueño humano y un estado claro: exploración, listo para revisión, aprobado para web, publicado, reemplazado o retirado. La aprobación no significa "me gusta". Significa que alguien confirmó el componente, el recorte, la semántica y la ruta de entrega.
La prueba puede ser tan corta como esta:
- La versión móvil conserva el sujeto o el espacio prometido.
- El texto de la página explica el mensaje si la pieza no se reproduce.
- El recurso no desplaza el layout ni compite con el contenido prioritario.
- El botón Atrás no reinicia audio, animación ni contexto sin permiso.
- El registro indica qué versión está publicada y quién puede reemplazarla.
Cinco minutos de esta revisión ahorran horas de regeneración, ajustes CSS y discusiones sobre cuál archivo era "el bueno".
Cómo cambia el trabajo del equipo creativo
El contrato no convierte al director de arte en gestor de tickets ni al desarrollador en crítico de prompts. Hace que cada rol llegue en el momento correcto.
La dirección creativa define intención, referencias y límites de composición. Diseño decide si esa intención puede convivir con la interfaz. Desarrollo define el componente, las variantes y la entrega. Contenido decide qué texto debe existir fuera del medio. La persona responsable de la página acepta una versión concreta. El agente acelera la exploración entre esos límites.
Esa secuencia es más importante ahora que una sola herramienta puede cruzar imagen, voz, video y edición. El material llega rápido; una web rota también. Más prompts no resuelven el handoff. Conviene darle a cada activo un trabajo verificable antes de pedirle al modelo que lo represente.
Prueba el contrato en un hero o video de demostración. Genera dos variantes, aprueba la que pase la prueba y repite el criterio en el siguiente componente.
Sources
[1] https://design.minimax.io — MiniMax Design [2] https://www.minimax.io/blog/minimax-h3 — MiniMax H3 research
Preguntas Frecuentes
¿Qué es un contrato de activo web?
Es una especificación breve que conecta un recurso visual con su uso real en el sitio: componente, composición, significado, presupuesto de entrega, procedencia y persona que lo aprueba.
¿Un prompt aprobado basta para publicar una imagen o video generado con IA?
No. El prompt describe una intención creativa; no define qué versión debe cargarse, cómo se recorta en móvil, qué información necesita el usuario que no ve la imagen ni cuándo debe reproducirse un video.
¿Cuándo debe reproducirse un video generado con IA en una página?
Depende de su función. Un video decorativo no debe retrasar el contenido principal ni reiniciarse al volver atrás. Si explica algo esencial, necesita una alternativa equivalente en texto, controles y una decisión explícita de reproducción.
