BuildYourSaaS
AccueilBlog › Skills et outils
Skills et outils

Un site professionnel avec Claude Code et Google Stitch, sans designer

Par Jean-Baptiste Roy21 juin 20263 min de lecture

Tout le monde construit des sites avec Claude Code, et la plupart des designs, ça se voit que c'est de l'IA. En reliant Claude Code à Google Stitch, l'outil de design de Google, on obtient un vrai système de design et un site qui n'a plus l'air généré.

Les cinq étapes

  1. Installez le skill Google Stitch dans Claude Code, en une commande.
  2. Ne décrivez pas encore votre site. Le skill transforme d'abord votre demande en prompt enrichi, adapté au système de design de Stitch.
  3. Claude Code travaille avec Stitch pour produire un fichier de design : couleurs, polices, espacements cohérents, à partir de ce que vous avez demandé.
  4. Lancez la boucle de construction : Claude Code construit toutes les pages sur ce système.
  5. Transformez en site prêt pour la production avec le skill de composants, et publiez.

Pourquoi le système de design change tout

Un site généré page par page est incohérent : chaque page a ses couleurs, ses marges, ses boutons. Un système de design fixe les règles une fois, et chaque page les respecte. C'est ce qui sépare un site d'entreprise d'un site qui sent le générateur.

L'autre méthode : partir d'un site que vous adorez

Vous trouvez un site que vous aimez, vous donnez le lien à Claude Code, et il en fait une analyse visuelle et technique complète, puis un fichier de design basé dessus. Votre inspiration devient votre guide de style. On ne copie pas le contenu, on s'inspire de la structure et de l'esthétique.

Ce texte vient d'un de mes réels. Adapté de mes réels sur Google Stitch et sur le fichier de design à partir d'un site existant. Voir le réel

En résumé

  • Relié à Google Stitch, Claude Code produit un vrai système de design.
  • Cinq étapes : skill, prompt enrichi, fichier de design, boucle de construction, production.
  • Un système de design rend toutes les pages cohérentes.
  • On peut aussi partir d'un site qu'on aime comme guide de style.

Questions fréquentes

Faut-il un designer pour un bon site ?

Pour une identité de marque poussée, un designer garde sa place. Pour un site d'entreprise propre et cohérent, cette méthode suffit.

Google Stitch est-il gratuit ?

Une version gratuite existe. Les conditions peuvent évoluer, vérifiez au moment de l'utiliser.

Peut-on s'inspirer du site d'un concurrent ?

De sa structure et de son esthétique, oui. Jamais de ses textes, images ou marques.

Vous voulez installer ça dans votre boîte ?

Deux façons de commencer, sans engagement : récupérer la bibliothèque de skills Claude Code que j'utilise avec mes clients, ou réserver un diagnostic offert de 30 minutes pour cartographier ce que vous pouvez automatiser en premier.

JB

Jean-Baptiste Roy, fondateur de BuildYourSaaS. Ancien commercial de terrain, sans diplôme informatique, il a appris Claude Code seul, à raison de six mois à quatorze heures par jour, puis a accompagné plus d'une vingtaine de dirigeants à construire leurs propres outils d'IA. Il publie chaque jour sur Instagram et LinkedIn.