Cómo GPT-6 Astra y Seedance 2.5 construyeron un sitio interactivo de lujo de 10.000 $ en 30 minutos

El vídeo abre con una afirmación audaz: un sitio de lujo cinematográfico que costaría entre 5.000 y 10.000 $ en el mercado se construye en menos de 30 minutos con GPT-6 Astra. El narrador cuenta que le costó conseguir la misma coreografía de scroll con Claude Fable 5, mientras que Astra entregó la transición fluida al primer intento, y promete hacer cada paso repetible incluso para quienes construyen por primera vez.

El sitio Archer resultante es un concepto de chárter de jet privado. Al recargar, una ventanilla de cabina se desliza hacia arriba, el scroll hacia afuera revela nubes, el texto se resalta automáticamente y la siguiente sección aparece en un fundido suave. Un jet entra desde abajo, se desliza sobre el texto bajo su ala, abre un bloque de especificaciones y luego se disuelve en un plano de asientos tipo blueprint.

El impulso se mantiene mientras sigues haciendo scroll. Tras un bloque de información estándar aparece un globo terráqueo giratorio detrás de la palabra limitless, un skyline de ciudad se desplaza y tarjetas de testimonios de scroll infinito llenan la parte inferior. Ventanilla, nube, sombra del jet y globo se sienten como partes de una misma paleta, unidas por el negro y el dorado champán.

El truco no es escribir prompts más elaborados sino partir de una referencia. El narrador toma el esqueleto de JCO Jets, encontrado a través de la colección de sitios premiados de awwwards.com. Navegar allí categoría por categoría se presenta como la forma más rápida de silenciar la idea promedio de belleza del modelo y reemplazarla por una estructura concreta.

La referencia no se clona. La tipografía, los colores y las elecciones de materiales se cambian a propósito. Se descartan el texto superpuesto a la ventanilla y las fuentes existentes, y se elige un fuselaje negro. Dos imágenes recogidas en Pinterest —un jet privado negro y una ventanilla de cabina con luz de hora dorada— van a la carpeta, con la nota de que un ángulo cenital perfecto no es necesario porque el modelo regenerará el ángulo correcto.

El espacio de trabajo es Codeex con una carpeta limpia: bajo references están el jet, la ventanilla y una grabación de pantalla del sitio de referencia. Un enlace por sí solo no puede enseñar el movimiento, así que el narrador graba el sitio de referencia con una voz en off que describe cada reacción al scroll, zoom y temporización, capturado con QuickTime o Loom, y suelta ese vídeo en el proyecto.

El prompt nombra la marca Archer, apunta a la URL de referencia y señala los tres archivos. La identidad deseada es lujosa, la paleta negro y dorado champán, la tipografía se deja al modelo, el jet a juego con la referencia negra. Los visuales pasan por el CLI de Higgsfield; el narrador pide específicamente GPT Image 2.5 y Seedance 2.5, señalando que GPT Image 2.5 salió una semana antes con más detalle y menor latencia, mientras que Seedance 2.5 ofrece clips cinematográficos con sonido en una sola pasada. El inicio de sesión y la comprobación de créditos en Higgsfield ocurren aquí.

En cuestión de minutos, Astra devuelve un plan y vistas previas del jet, la nube y la ventanilla generadas vía Higgsfield. Tras la aprobación llega el primer esqueleto: tema negro-dorado, vídeo de nubes en movimiento sutil, transición de la ventanilla hacia afuera y sección del globo en su sitio. El narrador señala una línea divisoria que debería desaparecer, el jet situado encima del texto en lugar de sobre él, y un marco que eliminar, al tiempo que considera el nuevo globo más detallado que la construcción original de JCO Jets.

Las correcciones no se envían como capturas de pantalla sino como un segundo vídeo. El narrador vuelve a grabar todo el sitio, narra lo que debe cambiar —quitar la línea, suavizar el fundido, poner el avión sobre el texto con una sombra proyectada, eliminar el marco— y pasa la ruta del archivo a Codeex a través de la skill de watch. En minutos el modelo cierra los mismos bugs: línea eliminada, sombra aparece, avión cubre el texto, plano de asientos emerge. La imagen del plano de asientos se genera en Higgsfield a partir de un prompt escrito por Astra, que el narrador verifica por ese lado.

Para el toque final se necesita una sección de testimonios para un negocio de servicios, y 21st.dev la proporciona. La plataforma funciona como un registro de componentes React + Tailwind y plantillas completas que se copian en un repositorio mediante un prompt listo para IA o el CLI de shadcn. El narrador elige un componente de testimonios con scroll, pulsa Copy prompt, y le dice a Codeex que lo coloque sobre el pie de página y adapte todos los colores y fuentes al tema negro-dorado. Llegan las mismas tarjetas con scroll, recoloreadas, con fotos de perfil rellenadas, y el narrador promete el prompt exacto y los enlaces de configuración en la descripción.