Comment GPT-6 Astra et Seedance 2.5 ont construit un site de luxe interactif à 10 000 $ en 30 minutes

La vidéo s'ouvre sur une affirmation audacieuse : un site de luxe cinématique qui coûterait entre 5 000 et 10 000 $ sur le marché est construit en moins de 30 minutes avec GPT-6 Astra. Le narrateur explique qu'il a eu du mal à obtenir la même chorégraphie de scroll avec Claude Fable 5, tandis qu'Astra a livré la transition fluide du premier coup, et promet de rendre chaque étape reproductible même pour les débutants.

Le site Archer qui en résulte est un concept de charter de jet privé. Au rechargement, un hublot de cabine glisse vers le haut, le défilement vers l'extérieur révèle des nuages, le texte se surligne automatiquement et la section suivante apparaît en fondu. Un jet arrive par le bas, glisse au-dessus du texte sous son aile, ouvre un bloc de spécifications, puis se dissout en un plan de sièges façon blueprint.

L'élan se maintient à mesure qu'on continue de défiler. Après un bloc d'informations standard, un globe terrestre en rotation apparaît derrière le mot limitless, une skyline de ville défile et des cartes de témoignages en défilement infini remplissent le bas. Hublot, nuage, ombre du jet et globe semblent faire partie d'une même palette, unie par le noir et l'or champagne.

L'astuce ne consiste pas à mieux formuler ses prompts mais à partir d'une référence. Le narrateur emprunte le squelette à JCO Jets, trouvé via la collection awwwards.com de sites primés. Y naviguer catégorie par catégorie est présenté comme le moyen le plus rapide de faire taire l'idée moyenne de la beauté qu'a le modèle et de la remplacer par une structure concrète.

La référence n'est pas clonée. La typographie, les couleurs et les choix de matériaux sont volontairement modifiés. Le texte superposé au hublot et les polices existantes sont écartés, un fuselage noir est choisi. Deux images collectées sur Pinterest — un jet privé noir et un hublot de cabine baigné de lumière golden hour — vont dans le dossier, avec la précision qu'un angle parfaitement zénithal est inutile car le modèle régénérera le bon angle.

L'espace de travail est Codeex avec un dossier propre : sous references se trouvent le jet, le hublot et un enregistrement d'écran du site de démonstration. Un simple lien ne peut pas enseigner le mouvement, donc le narrateur enregistre le site de référence avec une voix off décrivant chaque réaction au scroll, chaque zoom et chaque minutage, capturé avec QuickTime ou Loom, et dépose cette vidéo dans le projet.

Le prompt nomme la marque Archer, pointe vers l'URL de référence et signale les trois fichiers. L'identité souhaitée est luxueuse, la palette noir et or champagne, la typographie laissée au modèle, le jet assorti à la référence noire. Les visuels passent par le CLI Higgsfield ; le narrateur demande spécifiquement GPT Image 2.5 et Seedance 2.5, notant que GPT Image 2.5 est sorti une semaine plus tôt avec des détails plus nets et une latence réduite, tandis que Seedance 2.5 propose des clips cinématiques avec son en une seule passe. La connexion et la vérification des crédits sur Higgsfield se font ici.

En quelques minutes, Astra renvoie un plan et des aperçus du jet, du nuage et du hublot générés via Higgsfield. Après validation arrive le premier squelette : thème noir-or, vidéo de nuages en mouvement subtile, transition du hublot vers l'extérieur et section globe en place. Le narrateur relève une ligne de séparation qui devrait disparaître, le jet positionné au-dessus du texte au lieu de le chevaucher, et un cadre à supprimer, tout en jugeant le nouveau globe plus détaillé que la version originale de JCO Jets.

Les corrections ne sont pas envoyées sous forme de captures d'écran mais sous forme d'une seconde vidéo. Le narrateur réenregistre tout le site, commente ce qui doit changer — supprimer la ligne, adoucir le fondu, placer l'avion par-dessus le texte avec une ombre portée, supprimer le cadre — et transmet le chemin du fichier à Codeex via la skill watch. En quelques minutes, le modèle corrige les mêmes bugs : ligne disparue, ombre apparue, avion couvrant le texte, plan de sièges émergeant. L'image du plan de sièges est générée sur Higgsfield à partir d'un prompt écrit par Astra, que le narrateur vérifie de ce côté-là.

Pour la touche finale, une section de témoignages est nécessaire pour une entreprise de services, et 21st.dev la fournit. La plateforme fonctionne comme un registre de composants React + Tailwind et de templates complets qui se copient dans un dépôt via un prompt prêt pour l'IA ou le CLI shadcn. Le narrateur choisit un composant de témoignages défilants, clique sur Copy prompt, et demande à Codeex de le placer au-dessus du pied de page et d'adapter toutes les couleurs et polices au thème noir-or. Les mêmes cartes défilantes arrivent, recolorées, avec des photos de profil remplies, et le narrateur promet le prompt exact et les liens de configuration dans la description.