J'ai construit 9 sites Web en moins d'une heure avec Claude.

J'ai personnellement testé la programmation par suggestion et j'ai récemment découvert qu'il est possible de créer jusqu'à cinq sites web en une seule session avec un abonnement Cloud gratuit . Ensuite, il faut attendre cinq heures avant de pouvoir réutiliser le service ou passer à Cloud Pro.

J'ai testé Cloud et créé neuf sites web uniques en moins d'une heure. Voici les résultats.

1. Page de destination pour les anciens jeux d'arcade

Demandeur:Un design de jeu d'arcade à l'ancienne, avec un style néon, une police pixelisée, un arrière-plan animé et trois gros boutons lumineux qui créent une ambiance arcade classique. Des effets sonores ont été ajoutés au survol des boutons.

Inspiré des jeux d'arcade rétro, ce site au thème néon offre une véritable ambiance d'arcade des années 80. Le pixel art est vraiment amusant et chaque bouton possède son propre effet sonore interactif. Avec ses coins lumineux et ses subtils effets de glitch, le design est exactement ce que j'espérais : réactif, compatible avec le clavier et prêt à être utilisé avec de vrais jeux. En résumé, ce site donne l'impression d'être entré directement dans une salle d'arcade classique.

2. Blog de recettes simples

Demande : « Concevoir une page d’accueil simple pour un blog de recettes, avec un fond blanc pur, des polices à empattement élégantes et une grille de trois fiches recettes. Chaque fiche doit inclure une image, le titre de la recette et un effet de défilement révélant les ingrédients. Optimisation pour mobile requise. »

Cette page d'accueil simple pour un blog de recettes est élégante et épurée. Son design optimisé pour les appareils mobiles offre des interactions tactiles faciles avec la possibilité de révéler les ingrédients d'un simple toucher, ce qui la rend idéale pour une utilisation mobile. La typographie et l'espacement sont adaptés à toutes les tailles d'écran.

Le design offre un équilibre parfait entre simplicité fonctionnelle et typographie sophistiquée. Des détails uniques, comme l'animation superposée des composants, unifient l'ensemble de la page, lui conférant un aspect haut de gamme et accueillant.

3. Page de démarrage inspirée de la science-fiction

Consigne : « Concevez un site web futuriste d’une seule page pour une entreprise minière spatiale fictive. Incluez un fond d’écran animé d’étoiles occupant tout l’écran, un énoncé de mission en caractères métalliques gras et un vaisseau spatial animé traversant lentement l’écran. Ajoutez un bouton d’appel à l’action : « Rejoignez la flotte ». »

Des jeux d'arcade des années 80 aux films de science-fiction, ce site propose un fond étoilé à couper le souffle, avec des étoiles scintillantes, des comètes volantes et des particules spatiales à la dérive, tandis qu'un adorable vaisseau spatial traverse l'écran. L'imprimé métallique audacieux, le texte brillant et les boutons vibrants ajoutent une touche d'exploration.

Les éléments interactifs tels que les effets de souris, la navigation au clavier et le défilement parallaxe donnent véritablement vie à l'expérience utilisateur. Claude a réalisé un excellent travail sur les détails.

4. Site d'histoires pour enfants

La demande : « Concevez un site web amusant et coloré pour un livre d’histoires pour enfants. Utilisez des polices de caractères originales et de grande taille, des illustrations d’animaux et un bouton permettant de feuilleter trois courtes histoires grâce à une animation simple. Incluez un arrière-plan dont la couleur change à chaque page. »

Claude a créé un site web époustouflant au charme fantaisiste. L'histoire suit trois animaux : un renard nommé Félix, un ours nommé Benny et un papillon nommé Bella, dans une aventure colorée sur trois pages interactives.

Chaque page du site présente des dégradés de couleurs d'arrière-plan ludiques, des émojis d'animaux éclatants et des animations fluides, donnant l'impression d'un véritable livre interactif. Les polices sont claires et gaies, les détails animés sont attrayants et, dans l'ensemble, ce site plaît aux jeunes lecteurs, notamment ceux habitués aux écrans.

5. Tableau de bord de données interactif

Consigne : « Créez un tableau de bord de données moderne, à thème sombre, avec des graphiques interactifs utilisant des données fictives. Incluez une barre latérale, une horloge en temps réel en haut et trois graphiques : un graphique à barres, un graphique linéaire et un graphique circulaire. Ajoutez des effets de survol et des transitions fluides entre les sections. »

J'ai choisi de créer ce site web comme exemple d'étude de cas. Le tableau de bord au thème sombre inclut toutes les fonctionnalités demandées, notamment une barre latérale élégante avec des animations fluides. Le design réactif est compatible avec les ordinateurs et les appareils mobiles et comprend quatre sections principales avec des transitions fluides.

J'ai adoré l'horloge en temps réel dans l'en-tête, et les graphiques interactifs sont un excellent ajout. J'ai apprécié que Claude ait ajouté des données fictives pour que je puisse visualiser concrètement l'affichage.

6. Site de méditation du jardin zen

La demande : « Créez un site web de méditation simple, d’une seule page, avec un fond à dégradé doux, une animation d’eau qui coule en bas et un cerisier en fleurs dont les pétales tombent lentement sur l’écran. Incluez un grand bouton « Démarrer la méditation » qui lance une musique d’ambiance relaxante et disparaît progressivement avec une citation inspirante. »

J'ai été très satisfait du résultat de ce site. Le fond dégradé doux aux couleurs pêche, rose, corail et violet se démarque, favorisant le calme et la pleine conscience. Le site crée une atmosphère véritablement sereine, idéale pour la méditation.

7. Marché Cyberpunk

La demande : « Créez un site web inspiré de l’univers cyberpunk néon, présentant un marché de rue futuriste. Utilisez des effets de glitch au survol de la souris, des enseignes lumineuses clignotantes et des menus animés de type hologramme. Chaque fiche produit doit s’illuminer au passage de la souris et inclure un court effet sonore synthwave. Ajoutez une animation de pluie récurrente pour créer une ambiance captivante. »

L'élément le plus remarquable de ce site réside dans son atmosphère. Des animations de pluie récurrentes aux néons clignotants, en passant par le fond quadrillé animé, ce site est visuellement attrayant.

Les trois sons de synthétiseur différents et les boutons interactifs rendent ce site à la fois intuitif et captivant. Je n'aurais pas pu programmer ces fonctionnalités moi-même sans l'aide précieuse de Claude . Le site retranscrit à la perfection l'atmosphère brute et néon d'un marché de rue cyberpunk grâce à des animations fluides, des sonorités synthwave authentiques et des effets visuels immersifs.

8. Journal de mission fantastique

La demande : « Concevez un site web d’aventures fantastiques inspiré d’un manuscrit ancien. Faites briller la plume d’oie et laissez des étincelles derrière elle lorsqu’elle est déplacée, donnez à la barre de navigation latérale l’apparence d’un grimoire médiéval et créez une page où les utilisateurs peuvent « collectionner » trois objets magiques en cliquant sur des icônes qui se déplacent lorsqu’on les trouve. »

Cet exemple démontre que Claude maîtrise parfaitement la création de designs captivants et originaux. Le pointeur en forme de plume lumineuse laisse des traînées scintillantes lors de la navigation sur le site, tandis que le menu se déploie comme un grimoire médiéval relié en cuir, avec des effets de survol animés.

Le contenu principal repose sur des rouleaux de papyrus ornés d'inscriptions anciennes et d'une typographie médiévale richement ornée, conférant au site un charme authentique du monde antique. Grâce à un design adaptatif, des effets lumineux interactifs et des succès interactifs, chaque clic est rempli d'interactions magiques ancestrales.

9. Adoptez un animal de compagnie de dessin animé

La demande : « Créez un site web amusant et interactif où les visiteurs peuvent “adopter” un animal de compagnie animé (chat, chien ou dragon). Chaque animal doit avoir une animation au repos, réagir au clic (ronronner, remuer la queue, cracher du feu) et pouvoir être “nourri” en faisant glisser des icônes de nourriture. Ajoutez une musique de fond joyeuse avec une option pour la désactiver. »

Elle a créé un site web interactif d'adoption d'animaux aussi charmant que captivant. Chaque animal possède son propre personnage de dessin animé à la personnalité attachante. Claude permet de leur donner à manger en toute simplicité, de voir leur niveau de bonheur augmenter et de débloquer des réactions amusantes, du ronronnement au rugissement cracheur de feu.

Un air rythmé et récurrent contribue également à créer l'ambiance. Le site est entièrement responsive, tactile et clairement conçu pour une expérience ludique, émotionnelle et interactive.