Je ne me suis pas arrêté au premier résultat
J'ai demandé à Claude Opus 4.7, ChatGPT 5.5 et Gemini 3.1 de créer un site qui vend des vitamines en gummies (des bonbons gélifiés). Même prompt de départ pour les trois. J'ai ouvert les résultats un par un.
J'ai préféré la première version de Claude aux deux autres. Chez ChatGPT et Gemini, j'ai trouvé l'ensemble plutôt générique. ChatGPT n'avait pas bien suivi ma demande de deux pages, et il ne proposait pas l'achat d'un seul flacon, que j'attendais.
Ensuite, j'ai demandé aux trois d'utiliser une skill de design front-end pour améliorer ce qu'ils avaient construit. Ce deuxième tour était plus intéressant, surtout le résultat de Gemini.
Que regarder en premier quand on crée un site web avec l'IA ?
Le premier écran compte, parce que c'est ce que voit un nouveau visiteur en ouvrant la page. Mais je ne regardais pas seulement si c'était joli.
Est-ce que je trouve facilement le produit ? Est-ce que je peux choisir ce que j'achète ? Le modèle a-t-il vraiment fait la page produit que j'avais demandée ?
J'ai ouvert les pages et j'ai dit à voix haute ce qui me plaisait et ce qui manquait. Mes réactions sont des avis tirés d'un seul test. Elles ne prouvent pas qu'un design vendrait plus qu'un autre.
Qu'est-ce qu'une skill de design apporte à l'assistant ?
Dans la vidéo, je décris une skill comme un fichier avec un nom, une description de ce qu'elle fait, des exemples et des consignes. Elle donne à l'assistant de code des instructions plus précises sur la façon de faire un travail.
J'ai pris la skill de design front-end d'Anthropic comme référence, et j'ai demandé aux autres assistants de l'adapter à leur propre environnement. Je leur ai aussi demandé de garder les mêmes liens locaux, pour pouvoir revenir comparer les résultats.
Vous pouvez voir la deuxième consigne vers 5:00.
Ce deuxième passage a changé plus d'une chose : j'ai ajouté la skill, et j'ai aussi laissé aux modèles une nouvelle chance de réviser leur travail. Je ne prétends donc pas que ce test isole l'effet de la skill seule.
Que donnent les deuxièmes versions ?
La page révisée de Claude me paraissait meilleure, même si je voulais encore en changer certaines parties. La version de ChatGPT avait ajouté des détails que j'ai remarqués en regardant le bloc d'achat. Gemini m'a assez surpris pour que je dise que j'achèterais sur un site comme celui-là.
C'était une réaction à une page, pas une vente. Je n'ai fait aucun test de conversion et je n'ai pas montré le lancement complet d'une boutique.
Pour mon prochain essai, je garderais une courte liste à côté du prompt : les pages dont j'ai besoin, les produits et les options qui doivent exister, les informations qui doivent être exactes, et les étapes d'achat que je veux tester. Ensuite, je m'appuierais sur les consignes de design pour améliorer la présentation, sans perdre de vue ces exigences.
Regardez les première et deuxième versions pour voir ce qui a changé et ce qui ne me plaisait toujours pas.
Ressources
- La skill de design front-end d'Anthropic : les consignes de design dont je parle dans la vidéo. Le fichier actuel peut différer de la version utilisée pendant l'enregistrement.
- Claude, ChatGPT et Gemini : les familles de modèles citées dans cet enregistrement.