Pourquoi les sites vibe codés se ressemblent-ils tous ?

Un site vibe codé est un site construit en décrivant ce que l'on veut à un outil de code assisté comme Cursor, Claude Code, Lovable, v0, Bolt ou Replit, et en acceptant l'essentiel du code généré plutôt qu'en l'écrivant soi-même. Le terme est généralement descriptif et non insultant. Beaucoup de sites bons, fonctionnels et rentables sont construits ainsi, et l'outillage ne cesse de s'améliorer.

Demandez une landing page à presque n'importe quel modèle et c'est le même objet qui arrive :

• Un hero centré avec un dégradé derrière, très souvent violet vers indigo, parce que c'est la valeur par défaut des modèles de démarrage les plus copiés.
• Trois cartes de fonctionnalités en rang, arrondies, avec une petite icône en haut de chacune.
• Du glassmorphisme, des ombres douces et une grille ou un grain discret.
• Un tableau de prix à trois paliers avec celui du milieu mis en avant.
• Du texte en paires impératives : construisez plus vite, livrez plus intelligemment, passez à l'échelle sans effort.

Rien de tout cela n'est faux en soi. Le problème est arithmétique. Un visiteur qui en a vu dix lit la onzième comme interchangeable, et interchangeable est la seule chose qu'une landing page ne peut pas se permettre d'être.

La cause n'est pas la paresse de l'outil. C'est que la demande est le plus souvent sous-spécifiée. « Fais-moi une landing page qui rend bien » ne contient aucune contrainte, donc le modèle optimise pour la sortie la plus sûre possible, et la sortie la plus sûre est la moyenne de tout ce qu'il a vu. Les moyennes sont, par définition, quelconques.

Le même mécanisme produit le texte. Si on lui demande un titre sans rien lui dire de qui va le lire, un modèle écrit le titre qui a le moins de chances d'être faux pour quiconque, et c'est aussi le titre qui a le moins de chances de signifier quelque chose pour quelqu'un en particulier.

La moitié design se corrige dans l'outil avec lequel vous avez construit, pas avec un autre produit. Ce qui marche de façon fiable, c'est de donner au modèle quelque chose de précis auquel réagir plutôt que de lui demander de décider :

• Donnez-lui une vraie référence. Nommez un site dont vous voulez l'allure et dites précisément ce que vous en voulez.
• Écrivez vos contraintes et gardez-les dans le dépôt, pour que chaque prompt ultérieur en hérite. Un court fichier qui dit pas de dégradés, une seule couleur d'accent, des blancs généreux, de vraies captures d'écran plutôt que des illustrations abstraites, fait plus que n'importe quel prompt isolé.
• Remplacez la police par défaut. C'est une ligne et cela change la lecture plus que la plupart du travail de mise en page.
• Cassez la grille de trois cartes. Deux colonnes, une liste, ou un seul grand exemple : tout cela se lit comme un choix délibéré.
• Montrez le vrai produit. Les captures d'écran réelles battent l'illustration générée, parce qu'une capture est une preuve et une illustration une décoration.

IntentGrid ne fait rien de tout cela. Il laisse votre CSS, votre mise en page et vos composants tranquilles ; dans la démo il ajoute quatre choses par-dessus, un bandeau de bienvenue, un panneau personnalisé, une surbrillance sur votre titre et un petit badge IntentGrid. Prétendre que ce produit corrige l'allure de votre site serait la façon la plus facile de vendre cette page, et ce serait faux.

Réécrire votre titre une fois ne fait que vous déplacer vers une autre page générique. Vous y passerez un après-midi, vous vous sentirez productif, et vous vous retrouverez avec une autre phrase unique visant un visiteur moyen qui n'existe pas.

La différence durable, c'est que la page n'est pas la même phrase pour tout le monde. Quelqu'un qui arrive d'un forum technique à onze heures du soir sur un portable veut le fond. Quelqu'un qui a tapé un lien dans une vidéo partagée sur son téléphone veut la version de trente secondes. Quelqu'un qui a cliqué sur une annonce payante veut que la page réponde à la promesse de cette annonce. Cela fait trois pages différentes, et maintenir trois pages à la main est plus de travail qu'aucun fondateur seul ne continuera à fournir.

C'est la moitié qu'IntentGrid change. Il lit comment le visiteur est arrivé et réécrit les mots pour lui, à partir de la page que vous avez déjà livrée. Design intact, prix intacts, promesses intactes. Comment ça marche détaille le mécanisme en entier.

Parfois, et le signe n'est presque jamais le code. C'est le dégradé par défaut, la section standard à trois cartes, et un texte qui pourrait appartenir à n'importe quel produit de la catégorie. Il n'existe aucun détecteur fiable qui inspecte un site et annonce qu'il a été généré par IA, et les outils qui prétendent le faire devinent précisément à partir de ces motifs de surface.

Et c'est la partie encourageante : le signal se corrige. Changez les valeurs par défaut, dites quelque chose de précis, et la question cesse de se poser. Pour ce que ça vaut, avoir été construit avec de l'IA n'est pas le problème que les gens ont réellement avec ces sites. Être indiscernable, si.