Guide · IA & agents
Vibecoder débutant : par où commencer, et quoi apprendre ensuite
Un parcours pour qui découvre l'IA en codant : un éditeur, une tâche, une preuve. Puis le site, puis la vidéo, sans tout installer le premier jour.
Beaucoup de gens arrivent par le mot vibecoding sans avoir jamais ouvert un dépôt. D'autres savent déjà faire une page et veulent que l'agent la modifie. Le même article ne sert pas les deux. Celui-ci ordonne les pages qui existent, et ajoute le public qui apprend l'IA en même temps que le code.
Le mot lui-même est posé dans vibecoding : définition et limites. Andrej Karpathy l'a utilisé en février 2025. Ce n'est pas une méthode certifiée.
Le premier soir
Un éditeur. Claude Code, Cursor, ou celui déjà installé. Pas les trois.
Une tâche qui tient dans une phrase. « Une page qui affiche mon nom et un bouton. » Pas « mon SaaS ».
Une preuve. La page s'ouvre dans le navigateur, ou le test que vous avez nommé passe. Si vous ne pouvez pas dire ce qui prouve que c'est fini, l'agent continuera.
Les outils concrets de ce premier soir sont dans dix outils pour débuter. La stack plus large, seulement après, dans une stack pour un projet vibecoding.
Ce qu'il faut savoir avant de publier un site
Le prompt ne remplace pas le dépôt. Un secret collé dans la consigne sort du fichier .env. La page variables d'environnement le dit. Relisez le diff avant de pousser. L'agent a souvent raison sur la syntaxe et tort sur le produit.
Le flux complet, de l'objectif au commit, est dans créer un workflow IA de dev. Les erreurs qui reviennent sont dans erreurs de débutants.
Pour qui apprend l'IA sans viser un métier de développeur, deux pages suffisent avant le code : le glossaire agent, skill, prompt et agents IA gratuits. Elles disent ce que les mots veulent dire, et ce que « gratuit » ne veut pas dire.
Le deuxième soir, si le premier a marché
Soit vous continuez le site : une deuxième page, un formulaire, un déploiement. Publier un site Next.js sur Vercel est le guide déjà en ligne. Ne le relisez que si le premier soir a produit un dépôt que vous comprenez.
Soit vous passez à la vidéo. Dix secondes, un texte écrit par vous, un skill nommé. Vidéo avec Claude Code est ce chemin. Ce n'est pas plus facile qu'une page. C'est un autre objet, avec un aperçu à regarder avant de rendre.
Idées qui manquaient
Un cahier d'échecs. Une note par semaine : la consigne, ce que l'agent a fait, ce que vous avez annulé. Ça apprend plus qu'une liste d'outils.
Un seul skill pour la tâche qui revient. Écrire un skill le premier jour est trop tôt. L'écrire à la troisième répétition est le bon moment. Le modèle est dans structure d'un prompt de tâche.
Une limite d'argent écrite avant l'API. Beaucoup de débuts « gratuits » basculent sur une clé payante sans écran d'alerte. Notez le plafond dans le dossier, pas dans le prompt.
Pour le visuel d'une page, Jiro propose des prompts de sections. On ne copie pas leurs maquettes. On s'en sert comme référence, puis on réécrit. Les annuaires de motion sont listés sur la page GitHub.
Sources
Pages Vibarche déjà publiées, liées ci-dessus. Pas de nouvel outil dans cette page : la liste des dix est déjà écrite, et elle a sa date de lecture.