Casos de la comunidad creativa
GPT-6 Astra y la prueba de Coca-Cola con un brief de 35 palabras
Un creador de Reddit dio a Astra y Gemini el mismo brief de treinta y cinco palabras para una landing page de Coca-Cola Zero y publicó los resultados. La petición nombraba una marca conocida, pedía belleza y exigía cinco secciones como mínimo, con una cabecera visual arriba. No aportaba dirección artística. Es interesante para comparar y limitado como brief de producción.
Abrimos la página de Astra: la cabecera de escritorio usa texto grande a la izquierda, colores rojo y negro y una lata inclinada destacada a la derecha. Aquí analizamos las decisiones que el prompt deja al agente y desarrollamos un brief original de té con gas que puedes convertir en recursos con Ciyo.
Abre la comparación antes de elegir un ganador
u/highsierraloft describe una ejecución completada por modelo, carpetas y conversaciones nuevas y ninguna edición posterior del diseño publicado. Astra se ejecutó en Codex CLI y Gemini en Antigravity. El autor señala expresamente que sus instrucciones y herramientas integradas son diferentes.
Trata la galería como comparación de esos resultados concretos. No aísla la calidad del modelo, mide conversiones ni explica qué ocurrirá con una marca desconocida. Un producto reconocible aporta asociaciones visuales que una empresa nueva quizá no tenga.
Publicación original y contenido del creador. El artículo desarrolla una adaptación propia con Ciyo.
Nombra las decisiones ocultas dentro de «bonito»
Para nuestro té con gas ficticio, hay que elegir público, referencia de producto, idea visual y siguiente acción. Elegimos un concepto sin endulzar para una pausa tranquila por la tarde, representado por una botella delgada sin marca y un entorno verde pálido. Son decisiones de diseño inventadas, no afirmaciones sobre una bebida real.
La cabecera debe permitir identificar la botella, entender el propósito y encontrar una acción. Decide dónde vivirán titular y botón antes de crear la imagen. De lo contrario, el recurso puede ocupar justo el espacio que necesita el texto.
| Decisión | Elección original del ejercicio | Consecuencia para el recurso |
|---|---|---|
| Público y momento | Pausa tranquila por la tarde | Luz calmada y entorno moderado |
| Identidad del producto | Una botella delgada sin marca aprobada | Misma silueta en todas las vistas |
| Composición | Botella a la derecha, texto vivo a la izquierda | Reservar limpio el tercio izquierdo |
| Diseño móvil | Texto encima de la imagen de botella | Preparar un recorte cuadrado separado |
| Acción | Explorar el concepto ficticio | No inventar pago, existencias ni reseñas |
Crea la imagen alrededor del área de texto
Genera en Ciyo una cabecera ancha con la referencia aprobada y el espacio libre indicado. Aleja la decoración del titular. Una hoja, sombra o reflejo bonito por sí solo puede competir con las palabras más importantes.
Prueba la imagen con cajas temporales de titular y botón en la herramienta de composición antes de implementarla. Si el producto queda pequeño al dejar texto suficiente, simplifica la escena o divide el diseño en vez de reducir la letra.
Dale a Astra un acuerdo de dirección artística
El prompt siguiente pide composición y plan de recursos antes de código. Aporta información que nuestro producto ficticio no tiene, a diferencia de una bebida mundialmente conocida. Puedes permitir decisiones creativas si se explican en relación con público y acción.
Tras aprobar la imagen de Ciyo, entrega al agente de código el archivo real y el texto requerido. Mantén titulares, botones y descripciones como elementos vivos de la interfaz. La imagen debe apoyar la página, no convertirse en una captura de toda ella.
Planifica una cabecera de landing page para un concepto ficticio de té con gas. Público: personas que buscan una pausa tranquila por la tarde. Dirección: verde pálido, marfil cálido, luz diurna calmada y una botella delgada sin marca aprobada. Reserva el tercio izquierdo en escritorio para titular y acción editables; en móvil, texto sobre un recorte cuadrado separado. Devuelve un brief de recursos para Ciyo, jerarquía de contenido y tres decisiones con sus motivos. No inventes afirmaciones nutricionales, reseñas, existencias ni un pago funcional. Espera a la aprobación de la imagen antes de implementar.Compara decisiones además de capturas
Si pruebas dos direcciones, conserva producto, texto y acción. Por ejemplo, compara una escena de estudio tranquila y otra con sombra de hojas. Cambiar a la vez titular, oferta e imagen dificulta explicar la preferencia.
Revisa después la página programada a sus anchos reales de escritorio y móvil. La galería de Reddit es útil porque permite inspeccionar páginas, y conviene exigir lo mismo a tu resultado. Comprueba legibilidad, recorte, foco de teclado y destino de la acción principal.
| Pregunta | Prueba que observar | Decisión |
|---|---|---|
| ¿Se entiende el producto? | Candidatos al mismo tamaño | Elegir silueta y recorte más claros |
| ¿Respira el texto? | Titular real sobre la composición | Reducir competencia visual |
| ¿Conserva la jerarquía en móvil? | Diseño estrecho con longitud real de texto | Cambiar recorte o disposición |
| ¿La acción cumple la promesa? | Abrir el destino real | Corregir destino o redacción |
Separa el experimento de tu brief de producción
La prueba de Coca-Cola es entretenida precisamente porque aporta poca dirección. Un proyecto de cliente debe comunicar un producto concreto con precisión. Guarda juntos imagen, texto, recorte móvil y razones de la elección aprobada.
Para quien llegue buscando una comparación de Astra, muestra el experimento real y ofrece un siguiente paso concreto: crear un recurso mejor especificado para su proyecto. No prometas que un modelo produce automáticamente una web con más conversiones.
Preguntas sobre este proceso
¿La comparación de Coca-Cola demuestra que Astra gana a Gemini?
Muestra un resultado completado de cada configuración. El autor advierte diferencias de herramientas e instrucciones, por lo que no debe tratarse como una evaluación aislada de modelos ni un estudio de conversión.
¿Qué aporta Ciyo a este proceso?
Ciyo crea la imagen principal aprobada y recortes o referencias relacionados. Un proceso de programación separado implementa texto vivo, controles, adaptación de pantalla y comportamiento.
Crea una cabecera con espacio para el mensaje
Trae una referencia aprobada y decide dónde irá el titular antes de generar la escena.