Créer un site complet en 1 prompt grâce à Claude Opus

Hier soir, j’ai lancé Opus 4.5 “juste pour tester deux ou trois trucs”.
Au début, c’était un simple essai comme j’en fais souvent : un concept 3D, une petite interface, un prototype rapide.
Puis les réponses ont commencé à arriver, et quelque chose m’a frappé immédiatement.
Tout était instantané.
Tout était propre.
Tout tenait debout du premier coup.

Je changeais d’idée, le modèle suivait.
Je complexifiais un workflow, il l’organisait mieux que moi.
Je décrivais un concept flou, il me donnait une version claire.
On aurait dit un assistant technique qui comprend avant même que je termine mes phrases.

Plus j’avançais, plus je me disais que je n’avais jamais vu ça.
Les blocs 3D, les structures, les textes, les logiques… tout sortait avec une cohérence qui ne ressemble à aucun autre modèle actuel.

Et au milieu de ces tests, une idée m’est venue :
si Opus 4.5 est capable de gérer des projets techniques en quelques secondes, alors un portfolio complet… c’est presque trop simple pour lui.

C’est cette expérience-là qui m’a donné envie d’écrire cet article.
Pour montrer ce que ce modèle est réellement capable de produire, dès sa sortie.

Gemini 3.0 vs Opus 4.5 — ce qui change vraiment

Le graphique est clair : Opus 4.5 prend une avance nette.
Mais au-delà des chiffres, c’est l’expérience réelle qui montre la différence.

• Vitesse de génération
Opus 4.5 sort du code, du texte et des structures complètes en quelques secondes.
Gemini 3.0 est rapide, mais Opus répond comme si tout était déjà pré-chargé.

• Compréhension du contexte
Opus 4.5 garde la logique du projet même quand elle devient complexe.
Il anticipe, organise et reformule de manière cohérente.
Gemini comprend bien, mais reste moins “proactif”.

• Cohérence du code, du design et du texte
Sur un même prompt :
Gemini produit ~500 lignes de code.
Opus 4.5 en produit 2600+, structurées, avec sections, animations et logique propre.
Le design suit toujours une ligne directrice claire.

• Gestion des images et des liens
Opus intègre automatiquement les images, les assets, les liens (Calendly, réseaux, CTA).
Gemini peut le faire, mais demande souvent plus d’ajustements.

• Capacité à prototyper des idées complexes
Concepts 3D, interfaces, workflows, scripts :
Opus 4.5 transforme des idées abstraites en prototypes directement utilisables.
Gemini crée de bonnes bases, mais Opus génère du “clé en main”.

• Précision du raisonnement
Les réponses d’Opus sont plus courtes, plus nettes et plus structurées.
Moins de bruit.
Moins d’erreurs.
Plus d’intentions respectées.

👉 Pour comparer les modèles :

• Claude Opus 4.5 : https://www.anthropic.com

• Gemini 3.0 Pro : https://deepmind.google/

Claude Opus 4.5 : comment générer un site complet en un seul prompt

Voici le prompt que j’ai envoyé à Claude Opus 4.5 :

Créez une page web néobrutaliste, faites-en une œuvre extrêmement créative, repoussez les limites autant que possible. Ajoutez des animations de défilement fluides, des couleurs originales et des styles CSS Tailwind. Rendez-la responsive. Le titre de la page est « dorksense »

Ce prompt a suffi pour obtenir :

• un design néobrutaliste moderne

• une structure ultra claire

• des animations fluides

• un rendu 100% responsive

• des blocs cohérents du premier coup

• du code organisé (structure + CSS + scripts propres)

1. Comment intégrer vos images dans le site

Claude accepte parfaitement les images… mais il faut un lien direct (pas un upload local).

Le plus simple est d’héberger vos images sur ImgBB :
https://imgbb.com/

Étapes :

1. Aller sur ImgBB

2. Uploader votre image

3. Récupérer le lien direct (Direct Link)

4. Le coller dans le prompt ou dans la structure du site

Exemple :

Voici mes images : 
- Hero : https://i.ibb.co/xxxxxx/photo1.jpg
- Portrait : https://i.ibb.co/xxxxxx/moi.png
- Illustration : https://i.ibb.co/xxxxxx/illu.png

Place-les dans le design à l’endroit logique

Claude comprend très bien ces liens.
Vous pouvez même lui dire :

"Optimise la position des images pour un portfolio créatif."

Il ajuste automatiquement.

2. Ajouter vos liens : Calendly, réseaux sociaux, boutons, PDF…

Opus 4.5 comprend extrêmement bien les vrais liens.
Il repère la structure, le contexte, le CTA… et place tout au bon endroit.

Voici comment lui donner vos liens clairement :

Exemple :

Voici mes liens :
- Calendly : https://calendly.com/baptistefort
- LinkedIn : https://linkedin.com/in/xxxx
- Instagram : https://instagram.com/xxxx
- Portfolio PDF : https://monlien.com/portfolio.pdf

Intègre-les proprement dans le header + footer + CTA

Claude gère automatiquement :

• l’icône

• le texte

• le style

• la position logique (hero, footer, boutons…)

Ça marche mieux que Gemini, qui a tendance à mettre les liens un peu “où il peut”.

3. Comment générer un site vraiment unique (sans IA vibes)

Pour éviter un rendu générique, donnez :

1. votre DA

2. des exemples

3. 2–3 phrases de style

4. une identité simple

Exemple :

Couleurs : #111, #fff, #ffdd00
Police : clash grotesk
Style : minimal, géométrique, tranchant
Exemples : apple.com / linear.app / read.cv

Claude va reproduire le style sans copier.

4. Mettre le site en ligne en 5 minutes (méthode Netlify)

C’est la partie la plus simple.

🔹 Étape 1 — Télécharger le code HTML

Claude va vous rendre du code.
Copiez tout → collez dans un fichier → nommez-le :

index.html

🔹 Étape 2 — Créer un dossier

Créez une nouvelle structure :

mon-site/
   index.html

🔹 Étape 3 — Aller sur Netlify

https://app.netlify.com/drop

🔹 Étape 4 — Glisser votre dossier

Prenez votre dossier mon-site/ → glissez-le dans la zone Drop.

Netlify le déploie instantanément.

→ Vous recevez immédiatement une URL :
https://nomrandom.netlify.app

Le site est déjà en ligne, responsive et accessible.

A lire aussi : Créer un agent IA adapté à votre métier

6. Comment avoir votre propre nom de domaine

Toujours sur Netlify, allez dans :

Site settings → Domain management → Add custom domain

Étapes :

1. Acheter un domaine (OVH, Namecheap, Google Domains…)

2. Ajouter votre domaine sur Netlify

3. Copier les DNS recommandés

4. Les coller chez votre registrar

5. Attendre 5–20 minutes

Et voilà → votre-site.com est en ligne.

C’est gratuit côté Netlify.
Vous ne payez que le nom de domaine.

Le petit mot de la fin : l’IA avance plus vite qu’on le pense

Ce qui se passe avec des modèles comme Claude Opus 4.5 montre clairement quelque chose :
l’IA ne remplace pas, elle accélère.
Elle fait gagner du temps, elle ouvre des idées, elle simplifie des projets qui demandaient autrefois des heures.

Chaque nouvelle version repousse un peu plus les limites.
Et ce n’est que le début.

Pour celles et ceux qui construisent, testent, innovent…
c’est une période idéale pour créer, expérimenter, et imaginer des outils qui n’existaient pas hier encore.

Et si l’idée est d’automatiser votre entreprise avec l’IA, c’est exactement ce que je fais au quotidien.
Vous pouvez découvrir mon approche ici :
👉 https://visionia.io/services-automatisation-ia