Conseils pour le Vibe Coding

Le vibe coding peut vous permettre de réaliser des projets que vous n'auriez peut-être jamais osé entreprendre seul. Avec Claude Code ou Codex, c'est comme si vous aviez un développeur avec vous en permanence.

Voici trois exemples de sites web que j'ai réalisés récemment :

Pour commencer

01

Commencez

Un prompt simple vous permettra de commencer. Exprimez ce dont vous avez besoin en une phrase ou deux.

02

Itérez

Apportez des précisions, demandez des modifications, avancez par ajouts successifs.

03

Débuguez

Quelque chose ne fonctionne pas ? Utilisez la console du navigateur (faites simplement un clic droit et choisissez Inspecter). Copiez les messages de la console et donnez-les à votre IA. Elle vous dira quoi faire. Vous pouvez aussi faire des captures d'écran, l'IA comprendra.

04

Testez

Essayez votre site web dans différents navigateurs. Partagez-le avec d'autres utilisateurs et recueillez leur feedback.


Aller plus loin

Améliorez

Une fois que vous avez un site fonctionnel, enrichissez-le. Ajoutez un mode sombre ou la possibilité de changer de langue. Assurez-vous que le site est "responsive design".

Soyez accessible

Vérifiez le contraste des couleurs, la taille des caractères, la lisibilité sur mobile et la navigation au clavier.

Optimisez

Vous pouvez faire deux choses.

  • Demandez à l'IA de relire le code et de l'optimiser. Demandez-lui de respecter le DRY (Don't Repeat Yourself). Il s'agit d'avoir un code concis.
  • Vous pouvez aussi demander de refactoriser le code. Après de multiples ajouts, l'IA oublie souvent de retirer des portions de code qui sont parfois inutiles et alourdissent le site.
Sécurisez

Demandez à votre IA de procéder à un audit complet de votre site, d'identifier les bugs et les failles de sécurité. Vous obtiendrez un rapport complet. Faites alors jouer les IA entre elles. Soumettez ce rapport à une autre IA et procédez aux modifications nécessaires.

Sauvegardez

Avant une grosse modification, faites une copie ou utilisez Git.

Accélérez

Vous pouvez aussi dicter vos instructions au lieu de tout taper. Avec une app comme MacWhisper, vous gagnerez du temps et dialoguerez plus naturellement avec votre IA.