Vibe coding avec Claude : chat Claude, Claude Code et création depuis Claude

Le vibe coding avec Claude fonctionne de trois façons. Le chat Claude construit de petites applications d'une seule page directement dans la conversation. Claude Code est un agent qui modifie un vrai projet sur votre machine ou dans le cloud, pour les personnes à l'aise avec une base de code. Et Claude associé à un créateur d'applications via MCP vous permet de construire, prévisualiser et publier une application full-stack avec base de données sans quitter la conversation Claude. Le bon choix dépend de ce que vous créez et de la part de configuration que vous voulez gérer vous-même.

Ce guide couvre les trois, avec des prompts et les limites de chacune. Pour l'idée de fond, voir ce qu'est le vibe coding.

Option 1 : le chat Claude pour les petits outils

Dans l'application Claude classique, vous pouvez demander quelque chose d'interactif, et Claude l'écrit sous forme de code qui tourne à côté de la conversation : une calculatrice, un jeu de cartes mémoire, un petit jeu, un graphique à partir de données collées. Vous le modifiez en répondant.

Un bon prompt ici se suffit à lui-même :

Fais un outil interactif où je colle une liste de dépenses (une par ligne, « montant, catégorie ») et qui affiche un diagramme circulaire par catégorie et un total. Ajoute une liste d'exemple pour que ça fonctionne tout de suite.

Ce pour quoi il est idéal : des outils rapides d'une seule page que vous utilisez vous-même ou partagez par lien, et l'apprentissage, car vous pouvez demander à Claude d'expliquer chaque partie.

Là où il s'arrête : ceux-ci tournent dans l'environnement de Claude. Il n'y a pas de base de données persistante à vous, pas de comptes utilisateurs, pas de domaine personnalisé et nulle part où faire tourner un serveur. Quand une idée dépasse une seule page, il faut l'une des deux options suivantes.

Option 2 : Claude Code pour une vraie base de code

Claude Code est l'agent de codage d'Anthropic. Il fonctionne dans votre terminal, dans des éditeurs comme VS Code et JetBrains, dans une application de bureau et sur le web. Vous lui confiez une tâche en langage courant ; il lit votre projet, modifie des fichiers, exécute des commandes et des tests, et vous montre ce qui a changé. Au moment de la rédaction, il est inclus dans les offres payantes de Claude et disponible via l'API ; consultez le site d'Anthropic pour les offres actuelles.

Une session de vibe coding typique ressemble à ceci :

Ajoute une page /reservations qui liste les réservations de l'utilisateur courant, les plus récentes en premier, avec un bouton d'annulation désactivé moins de deux heures avant le cours. Utilise l'assistant d'authentification existant. Lance les tests quand tu as fini.

Ce pour quoi il est idéal : les développeurs et les fondateurs techniques qui ont déjà un projet, veulent un contrôle total sur la pile et acceptent de le faire tourner et de le déployer eux-mêmes. Il excelle dans les modifications sur plusieurs fichiers et dans le respect des conventions déjà présentes dans une base de code.

Ce qui demande plus de travail : il vous faut un environnement de développement, et Claude Code n'héberge rien. Les bases de données, les secrets, le déploiement et les domaines sont à arranger de votre côté. Pour une comparaison avec d'autres outils pour développeurs, voir Cursor vs Windsurf vs Claude Code.

Habitudes qui fonctionnent bien avec Claude Code

• Demandez un plan avant les grosses modifications. « Décris les étapes et les fichiers que tu vas toucher, puis attends. »
• Tenez un fichier de notes du projet. Claude Code lit un fichier de mémoire de projet (CLAUDE.md) pour les conventions, si bien que vous n'avez pas à les répéter.
• Relisez les changements. Même en vibe coding, parcourez ce qui a changé dans les zones sensibles : authentification, paiements, tout ce qui touche aux données des utilisateurs.
• Validez souvent. De petits commits facilitent l'annulation d'une mauvaise étape.

Option 3 : créer et publier depuis Claude avec Mythex

Si vous aimez travailler dans Claude mais voulez une vraie application à la fin — base de données, connexions, stockage de fichiers, URL publique —, vous pouvez connecter Claude à un créateur d'applications IA via MCP, le protocole qui permet à Claude d'utiliser des outils hébergés ailleurs. (Ce qu'est MCP l'explique simplement.)

Mythex fait tourner un serveur MCP. Une fois connecté, Claude peut créer un projet Mythex, écrire le code dans un bac à sable cloud privé, lancer un aperçu en direct, attacher une base de données et un stockage de fichiers, et publier l'application. Chaque résultat comprend un lien pour suivre le projet en direct dans Mythex.

Comment connecter

1. Dans Mythex, ouvrez les Paramètres du compte et copiez l'URL MCP : https://mcp.mythex.ai/mcp.
2. Dans Claude, allez dans Paramètres → Connecteurs → Ajouter un connecteur personnalisé, collez l'URL et cliquez sur Connecter.
3. Une page Mythex s'ouvre. Connectez-vous si besoin et choisissez Autoriser l'accès. Aucune clé d'API à copier.
4. De retour dans Claude, demandez ce que vous voulez.

Tout le monde peut se connecter, sur toutes les offres ; les outils du bac à sable nécessitent Mythex Pro ($25 par mois). L'usage de Claude reste sur votre offre Claude, et le temps de bac à sable, les aperçus et l'hébergement proviennent de vos crédits Mythex. Le détail complet est dans créer des applications Mythex depuis Claude, Cursor ou Codex.

Un premier prompt à essayer

Avec Mythex, crée un nouveau projet : un CRM simple pour mon petit studio de design. Des contacts avec nom, entreprise, e-mail, téléphone, étape (prospect, actif, ancien) et notes. Une vue en tableau par étape où je peux glisser les contacts d'une colonne à l'autre, et une barre de recherche. Ajoute une base de données pour que les données persistent, et une connexion pour que moi seul puisse les voir. Lance l'aperçu et envoie-moi le lien quand il tourne.

Puis itérez dans la même conversation, une modification à la fois :

Dans le projet Mythex, ajoute une date de « prochain suivi » aux contacts et une liste sur l'écran d'accueil des suivis à effectuer cette semaine. Vérifie-le dans l'aperçu.

Publie le CRM et donne-moi l'URL en ligne.

Ce pour quoi il est idéal : les personnes qui réfléchissent le mieux dans Claude et veulent un résultat hébergé, avec une base de données, sans mettre en place de serveurs. Vous pouvez aussi changer d'outil en cours de route : commencer dans Claude et poursuivre dans le chat Mythex, ou l'inverse, car c'est le même projet.

Lequel utiliser ?

Conseils de prompt qui comptent davantage avec Claude

Claude suit les instructions détaillées de très près, ce qui joue dans les deux sens.

• Dites ce qu'il ne faut pas changer. « Garde la mise en page et les couleurs ; ne modifie que la validation du formulaire. »
• Donnez une définition de « terminé ». « Terminé signifie qu'un nouveau contact s'enregistre, apparaît sur le tableau et survit à un rechargement. »
• Demandez-lui de vérifier son travail. Dans Claude Code, cela signifie lancer les tests ; avec Mythex, cela signifie vérifier l'aperçu en direct ou lancer un test dans le navigateur.
• Demandez des explications en mots simples quand un changement vous échappe. C'est le moyen le plus rapide de comprendre ce que fait votre application.

Notre aide-mémoire de prompts de vibe coding propose 30 prompts qui fonctionnent avec les trois configurations.

Notes de sécurité pour les trois

• Ne collez pas de clés d'API ni de mots de passe réels dans une conversation Claude. Avec Mythex, les secrets vont dans les réglages de secrets du projet, et Claude peut voir leurs noms mais pas leurs valeurs.
• Vérifiez qui peut voir quoi avant de publier. « Un utilisateur connecté peut-il ouvrir les dossiers d'un autre utilisateur ? » est la première question à se poser.
• Relisez le code sensible. Claude est un codeur capable, mais le vibe coding signifie que vous ne lisez pas chaque ligne, alors choisissez les lignes qui comptent. Voir le vibe coding est-il sûr ?.

Si vous utilisez aussi ChatGPT, le guide complémentaire couvre le vibe coding avec ChatGPT et Codex. Et si vous préférez éviter toute configuration, ouvrez le créateur d'applications IA et décrivez votre application directement.

Questions