Demande un site à une IA sans consigne précise, et tu obtiens presque toujours la même page : sombre, symétrique, avec des fade-in partout. Ce document de 7 pages te donne le prompt complet qui sort de ce moule, celui utilisé dans la vidéo YouTube « Anthropic attaque Figma et Canva avec cette nouvelle IA ». Tu le colles dans Claude, tu remplaces le produit par le tien.
- Un prompt prêt à coller, en trois parties, pour un site one-page en HTML, CSS et JS vanilla.
- Une direction artistique imposée : palette chiffrée, trois polices nommées, des références de sites.
- Un élément signature : un fond animé fixe qui donne l'effet wow dès le premier écran.
- Un tableau pour l'adapter : les trois blocs à changer pour passer de la démo à ton propre site.
Ce que tu trouves dans le document
1. Le mode d'emploi en quatre étapes
Copier le prompt en entier, remplacer le bloc produit, le coller dans Claude, puis corriger section par section. Avec, pour chaque bloc du prompt, la raison pour laquelle il marche.
2. Le prompt complet
Le produit fictif Pulse, la direction artistique non négociable, le fond animé, puis huit sections décrites une par une : hero, timeline qui se trace au scroll, éventail de cartes, data viz, témoignages, pricing, CTA final et footer. Il se termine par les micro-détails, les contraintes techniques et la liste de ce que tu ne veux surtout pas.
3. Ce qu'il faut changer pour toi
Un tableau clair : ce que tu changes et ce que tu peux garder pour le produit, la palette et les sections.