Clawdbot devient viral et je n'ai pas pu résister : Étudiant en sciences humaines sans aucune base pratique du Vibe Coding

Auteur : Denise I Biteye, équipe de contenu, Bbo I XHunt équipe d’exploitation

Récemment, en parcourant X, j’ai vu que tout le monde utilisait Clawdbot avec des agents IA pour faire toutes sortes de choses. Soudain, j’ai pensé que même les étudiants en sciences humaines pouvaient jouer avec le code à la manière “vibe”. J’ai donc lancé cette pratique sans aucune base.

Le Vibe Coding est considéré comme une nouvelle paradigme de “besoin = code”, voire comme une approche qui permet même aux non-programmeurs de construire des outils.

Cependant, une question concrète persiste : lorsque la barrière technologique est abaissée, la capacité réelle de mise en œuvre suit-elle aussi ?

Pour répondre à cette question, en tant qu’utilisateur totalement novice en code, j’ai testé trois outils principaux de Vibe Coding dans leur intégralité.

Le processus n’a pas été sans embûches : erreurs, échecs, révisions répétées, mais c’est justement en faisant face à ces difficultés que j’ai identifié les points où le plus souvent ça bloque, et comment éviter ces pièges.

Cet article ne vise pas à évaluer les outils, mais à raconter une expérience réelle, de la compréhension à la pratique.

1. Compréhension du concept : qu’est-ce que le Vibe coding ?

C’est une nouvelle méthode de développement où l’on se concentre uniquement sur la demande, sans écrire de code.

Ce concept a été initialement proposé par Andrej Karpathy, ancien co-fondateur d’OpenAI, qui a déclaré :

« C’est une nouvelle façon de programmer, que j’appelle Vibe Coding. Vous confiez tout à l’intuition (Vibes), embrassez une croissance exponentielle de l’efficacité, et oubliez même l’existence du code. »

Dans le mode Vibe Coding, vous n’êtes plus un “ouvrier du bâtiment”, mais plutôt un “chef de produit” ou même un “client principal”.

Votre tâche est simplement de dire à l’IA : « Je veux construire une maison, avec des fenêtres panoramiques ici, une piscine là-bas. »

Et si vous n’êtes pas satisfait, vous dites : « Ce n’est pas ça, refaisons. »

C’est ça, le Vibe !

2. Guide pour éviter les pièges : la ligne rouge de sécurité du Vibe Coding

Avant d’ouvrir la porte à la programmation IA, il faut d’abord sécuriser votre “coffre-fort”. Beaucoup de débutants, en dialoguant avec l’IA, envoient involontairement des informations sensibles, ce qui est extrêmement risqué.

1. Trois types de données à ne jamais divulguer

• Clé API : c’est comme une “carte prépayée” pour différentes plateformes. Si elle est divulguée, le crédit peut être vidé instantanément.
• Clé privée / phrase mnémonique : absolument, ne jamais l’envoyer à une IA ni l’écrire dans un fichier de code. En cas de fuite, vos actifs sur la blockchain seront à zéro.
• Données Cookie : certains tutoriels vous montrent comment récupérer des cookies via le navigateur pour automatiser, mais ces cookies contiennent votre état de connexion. En cas de fuite, quelqu’un peut se connecter à votre Twitter, Discord ou plateforme d’échange sans mot de passe.

2. Principe fondamental : isolation de l’environnement, anonymisation des données

Ne jamais écrire directement la clé API ou des informations sensibles dans le code ou dans les prompts.

La bonne pratique consiste à utiliser des “variables d’environnement”, que le code lit dans le système, plutôt que d’inclure directement la clé.

Voici comment configurer sous Windows :

• Appuyez sur Win+S, tapez “Variables d’environnement” dans la recherche
• Créez une nouvelle variable
• Entrez le nom de la variable, sa valeur, puis sauvegardez

Pour MacOS, voici la procédure :

• Appuyez sur Command + Espace, recherchez “Terminal” et ouvrez-le.
• Dans la fenêtre noire qui s’ouvre, copiez-collez la commande suivante (en remplaçant par votre vraie clé), puis appuyez sur Entrée :

echo 'export CRYPTOHUNT_API_KEY="votre_sk-xxxxxx"' >> ~/.zshrc

• Pour appliquer immédiatement la configuration, tapez et validez : source ~/.zshrc
• (Optionnel) Vérifiez si c’est réussi en tapant : echo $CRYPTOHUNT_API_KEY. Si votre clé s’affiche, c’est bon.

3. Pratique (échecs) : revue des trois outils, trois expériences

Après avoir expliqué la théorie, passons à la pratique. Pour trouver l’outil le plus adapté, j’ai testé trois outils principaux, qui représentent chacun une des trois principales formes de Vibe Coding :

• Google AI Studio : pour “génération rapide de prototypes”
• Antigravity : pour “agents IA + développement full-stack local”
• Lovable : pour “dialogue = application”

Si vous souhaitez simplement savoir quel outil est le plus adapté pour une mise en œuvre sans base, allez directement à Lovable ; sinon, je recommande de lire cette section en entier. Commençons par un retour d’expérience dans l’ordre.

1. Google AI Studio

Position : pour développeurs individuels, petites équipes

Expérience : axé sur la “rapidité” et la “gratuité”, vous permet de valider une idée IA en quelques minutes

Site officiel : https://aistudio.google.com/apps

Ma première utilisation a été à Noël. Tout le monde faisait un sapin de Noël cybernétique, j’ai aussi voulu tester. J’ai lancé un prompt au hasard, et en seulement 5 minutes, il a généré une page 3D très esthétique, avec des particules qui suivent les gestes, d’une fluidité impressionnante.

Cela m’a fait réaliser à quel point l’époque avait changé.

(Autrefois, un ingénieur en sciences appliquées passait des nuits à écrire une série de codes pour faire apparaître un cœur battant, et trouvait ça cool. Maintenant ? Vous pouvez confier ça à Vibe Coding, qui peut en quelques minutes maximiser la valeur émotionnelle.)

Fort de ce succès, je me suis senti pousser des ailes, et j’ai commencé une tâche sérieuse : utiliser l’API Cryptohunt pour créer un tableau de bord Twitter.

Je lui ai fourni la documentation API avec confiance. Tout a bien commencé : la logique backend a été instantanée, et les données ont été récupérées avec succès. Je me suis dit : « C’est tout ? »

Mais quand j’ai demandé à l’IA de présenter joliment ces données sur le frontend, l’enfer a commencé :

• Graphiques qui ne s’affichent pas ? Elle modifie le code
• S’affichent mais incomplets ? Elle modifie encore, et l’interactivité se casse
• L’interactivité réparée ? Là, les données API ne se chargent plus

Je me suis retrouvé dans une boucle infinie de “corriger un bug — en créer un nouveau”. Après deux jours, j’ai abandonné.

Image finale (l’IA commence à faire n’importe quoi)

Résumé des pièges : Google AI Studio est un peu comme un élève moyen. Pour faire des prototypes créatifs ou une simple page, c’est génial. Mais dès qu’il faut une intégration front-back complexe (flux de données API + affichage avancé), il perd vite le fil. Si vous ne maîtrisez pas la logique du code, vous risquez de rester bloqué dans une impasse front-end, comme moi.

2. Antigravity

Position : outil de développement full-stack avec commutation multi-modèles intégré

Caractéristiques : changement de modèles, décomposition des tâches, tests automatiques

Site officiel : https://antigravity.google/

En pratique, je n’avais même pas commencé à coder que j’ai failli être découragé par la connexion. Contrairement à la plupart des outils, qui se lancent directement via le navigateur, celui-ci exige des conditions strictes pour le compte et le réseau.

Les restrictions ne dépendent pas de votre IP, mais du pays associé à votre compte Google. Si votre région n’est pas dans la liste supportée (par exemple Chine continentale, Hong Kong), la connexion est refusée. Mes tentatives pour changer la région ont été rejetées plusieurs fois.

Au bout du compte, je peux résumer en une phrase : c’était la galère.

Après avoir vu trois comptes bloqués et changé plusieurs fois d’environnement, j’ai trouvé une méthode de contournement : Antigravity tools

1. Il faut d’abord configurer une IP US + mode VPN global
2. Télécharger Antigravity tools

Lien partagé par un utilisateur sur Twitter : https://x.com/idoubicc/status/2004848130693759213

3. Après téléchargement, ajouter le compte et lancer l’OAuth

4. Une fois l’autorisation donnée, on peut accéder à la page de login, et voir directement le quota de modèles

(Attention : Antigravity Tools est un projet open source, facilitant l’intégration des modèles Antigravity dans Claude, Code, etc. Mais dans le cadre du Vibe Coding, il est conseillé d’isoler l’environnement de travail et les actifs sensibles pour réduire les risques de sécurité.)

Une fois dans l’outil, j’ai aussi résumé deux astuces très importantes pour les débutants :

1. Installer le plugin chinois : dans la barre d’extensions, rechercher Chinese, installer le pack de langue simplifiée, redémarrer le logiciel. Cela permet d’avoir une interface en chinois, ce qui réduit considérablement la barrière cognitive.
2. Injecter une “règle globale” : Antigravity permet de définir une “règle globale” que l’IA doit respecter en permanence. Comment faire : cliquer sur l’icône Rules à droite → choisir + Workspace (ajouter une règle de workspace) → coller une “règle globale” dans le prompt. Cela peut forcer l’IA à utiliser le chinois, et améliorer la qualité de sortie du code.

Mais même après avoir réussi la connexion et la configuration de base, lorsque j’ai commencé à exécuter le code, j’ai été refroidi par la réalité. Il ne peut pas faire d’aperçu instantané comme Google AI Studio. Je dois télécharger plusieurs logiciels complémentaires (Node.js, VS Code) ou ne voir le résultat que dans un fichier HTML. De plus, la vitesse de réponse des grands modèles est perceptiblement lente. Chaque fois que je formule une demande, l’écran tourne en rond.

Mais Antigravity possède une fonction très impressionnante : les tests automatiques. Après avoir écrit le code, il lance une prévisualisation vidéo, clique sur la page comme un humain, pour vérifier si la logique fonctionne. Voir l’IA se déplacer sur l’écran donne une sensation de “le futur est là”.

Je lui ai demandé de faire un projet : “Un détecteur de signaux Alpha en crypto. Utiliser l’API Cryptohunt pour surveiller Twitter, récupérer automatiquement les Tweets avec Ticks, analyser quels tokens sont discutés, et les classer par popularité.”

Mais la réalité est rude. Malgré ses efforts pour m’aider à coder et tester, je suis toujours bloqué sur l’intégration API. Peut-être à cause de la complexité du réseau local, ou d’une mauvaise compréhension de l’API par l’IA, les données ne se connectent pas.

Exemple : affichage simulé des données

En voyant une erreur rouge dans le terminal, et l’illusion de l’IA “ça va marcher cette fois”, j’ai compris : le full-stack, c’est bien, mais à cause des problèmes de réseau et d’environnement, faire un outil vraiment utilisable reste très difficile pour un débutant. Parce qu’Antigravity suppose que vous êtes déjà développeur.

3. Lovable

Position : plateforme “dialogue = application”

Caractéristiques : pas besoin de configurer l’environnement local, tout est à portée de main

Site officiel : https://lovable.dev/

L’expérience Lovable m’a permis de ressentir ce qu’est un vrai “client principal”. Est-ce parce qu’il faut payer ? (petite astuce : j’ai dépensé 15 RMB sur Taobao pour 100 crédits, et je n’ai pas encore tout utilisé).

Sans modifier une seule ligne de code, j’ai réussi à créer l’outil de surveillance Crypto Twitter : Crypto Pulse (Pouls Crypto) tableau de bord.

Oui, vous ne rêvez pas, cette fois, c’est une réussite.

Adresse en ligne : https://tweet-whisperer-dash.lovable.app/

“Détails des fonctionnalités”

A. Données globales et résumé IA

En arrivant sur la page d’accueil, on voit un “thermomètre” du contenu :

• Cartes de données en temps réel : en haut, affichent le nombre total de tweets, interactions, KOL actifs, indice d’humeur du marché sur 24h. Pas besoin de regarder le contenu précis, en comparant avec les 24h précédentes, on voit d’un coup si le marché est paniqué ou avide.
• Résumé IA intelligent : la fonction la plus rapide. Le système intègre Gemini AI, qui lit automatiquement des milliers de tweets des dernières heures, puis rédige un bref rapport de marché.

B. Radar des tendances

Vous ne voulez pas manquer le prochain token multiplié par 100 ?

• Classification intelligente : filtre automatiquement les sujets chauds en Topic (sujet), Project (projet), Token (jeton) et KOL
• Indicateur de tendance : à côté de chaque étiquette, la variation du nombre de mentions sur 24h (augmentation / diminution). Là où le volume de discussion explose, il y a une opportunité.

C. Flux d’informations intelligent

Fini le fil d’actualité désordonné, ici, quatre onglets filtrés :

• Essentiel : contenu de haute valeur trié par IA, éliminant le spam inutile.
• Populaire : tweets avec le plus d’interactions (likes + retweets).
• V.I.P. : discours en temps réel des grands noms du secteur (Elon Musk, Vitalik, etc., avec plus de 100K de followers).
• Derniers : derniers tweets publiés par des comptes liés à la crypto, pour toujours découvrir du nouveau.

*Détails d’utilisation : supporte le filtrage par région (anglophone / chinois), clic sur la carte pour accéder directement au tweet original.

“Conseils d’utilisation” : comme j’utilise mon propre API Key, la transmission de données consomme des crédits API, qui sont limités. Je recommande donc de tester rapidement.

4. Guide pratique de l’API Cryptohunt

Dans le processus de Vibe Coding, j’ai choisi la base de données Cryptohunt, qui offre un bon rapport qualité-prix. Je ne suis pas un expert en codage, mais j’ai bien compris l’API, voici quelques astuces.

Lien officiel : https://pro.cryptohunt.ai/

1. Ciblage précis

Beaucoup de débutants donnent directement des milliers de mots de la documentation API à l’IA, qui se perd.

• Mauvaise méthode : voici la doc, faites comme vous pouvez.
• Bonne méthode : je veux faire une fonction de surveillance de tokens. Lisez la partie sur post /tweet/mention_tweets dans l’API Cryptohunt. Dites-moi comment obtenir les données des dernières heures ?

Exemple de prompt : “Appelez l’API /tweet/mention_tweets, recherchez les tweets avec le ticker SOL. Limitez à 24h. Filtrez pour sortir les 5 tweets avec le plus d’interactions (likes + retweets), et donnez-moi le sentiment général sur SOL.”

2. Outil de débogage

Dans Vibe Coding, la situation la plus frustrante, c’est quand je clique sur un bouton, mais rien ne se passe. À ce moment-là, le débutant se demande : l’IA a-t-elle mal écrit le code ? Le réseau est-il en panne ? L’API est-elle morte ?

On peut alors vérifier l’utilisation de l’API :

• Si ça affiche une trace, et que des crédits ont été débités : cela signifie que l’appel API a réussi, et que les données ont été envoyées à votre ordinateur. C’est un problème d’affichage front-end. Vous pouvez dire à l’IA : “Les données sont là, mais rien ne s’affiche, vérifiez le rendu.”
• Si rien n’apparaît : cela veut dire que la requête n’a pas été envoyée. C’est un problème de logique ou de réseau. Dites à l’IA : “Cliquer ne répond pas, la requête n’est pas envoyée, vérifiez l’événement de clic.”

Donner la conclusion directement à l’IA accélère la correction. Dans Vibe Coding, le vrai défi n’est plus d’écrire du code, mais de diagnostiquer où ça bloque.

Une fois que la syntaxe et les détails techniques sont confiés à l’IA, le développement revient à la maîtrise de l’information.

C’est pourquoi tout le monde dit que, au bout du Vibe Coding, ce n’est pas du code, mais des données.

5. En conclusion : deux compétences clés pour maîtriser le Vibe Coding

Après avoir expérimenté Google AI Studio, puis Antigravity, puis Lovable, j’ai compris : l’outil n’est qu’une épée dans la main, mais votre Vibe, c’est la voie dans le cœur.

Lorsque vous essayez le Vibe Coding, gardez en tête ces deux points essentiels, plus importants que n’importe quel code :

1. Oser rêver : l’imagination est votre seul “plafond”

• À l’ère du Vibe Coding, les barrières techniques sont tombées. Avant, on n’osait pas créer d’outils parce qu’on craignait de ne pas pouvoir coder. Maintenant, avec la pratique, on voit que si la logique est cohérente, l’IA peut tout faire.
• Ne vous contentez pas d’être un “ouvrier”, devenez un “architecte” : imaginez audacieusement des produits que vous n’auriez jamais osé envisager. Un radar de surveillance de toutes les données en ligne ? Un robot d’arbitrage automatique ? Votre rôle est de transformer cette idée floue en un “plan” clair.

2. Savoir parler : le prompt est votre code source

Beaucoup d’échecs des débutants viennent du fait qu’ils sont trop “polies” ou trop “vagues” avec l’IA.

Besoin flou = résultat flou

• Refusez le flou : ne dites pas “Fais-moi un site web pratique”. (L’IA : Qu’est-ce qu’un site pratique ?)
• Précisez : comme pour mon tableau de bord, dites : “Je veux un tableau de bord en mode sombre, avec ces quatre cartes en haut, appelant cette API au centre, et utilisant l’IA pour résumer automatiquement à droite…”

Souvenez-vous, vous êtes maintenant le “client principal”. La puissance du client vient d’une demande claire et de retours précis. Si l’IA se trompe, ne doutez pas de vous, dites-lui simplement : “Ce n’est pas ça, recommence, je veux A, pas B.”

Si vous avez lu jusqu’ici, c’est que vous avez probablement déjà la capacité de créer des outils avec le Vibe Coding.

N’hésitez plus — transformez votre Vibe en Code.