Yann Houry propose un guide interactif consacré au vibe coding, une approche du développement informatique qui consiste à utiliser l’intelligence artificielle pour créer des sites web et des applications à partir d’instructions formulées en langage naturel.
Accessible aux personnes qui ne maîtrisent pas nécessairement la programmation, cette ressource rassemble des conseils, des exemples et des instructions prêtes à l’emploi pour accompagner les différentes étapes d’un projet de développement web.
Des conseils pour se lancer et améliorer ses créations
Le guide est organisé en plusieurs rubriques permettant de progresser dans la conception d’un projet :
- Démarrer : choisir un assistant d’intelligence artificielle, décrire son projet et produire une première version ;
- Améliorer son site : enrichir les fonctionnalités, adapter l’affichage aux appareils mobiles et travailler l’accessibilité ;
- Optimiser et sécuriser : améliorer la structure du code, identifier les erreurs et examiner les éventuelles failles de sécurité ;
- Personnaliser ses créations : utiliser des bibliothèques d’icônes, des polices, des palettes de couleurs et des ressources graphiques ;
- Résoudre les problèmes : apprendre à utiliser les outils du navigateur et à transmettre les erreurs rencontrées à l’IA.
La ressource présente également différents assistants, notamment ChatGPT, Gemini, Claude, Codex et Claude Code.
Des prompts prêts à utiliser
Une rubrique propose des modèles de prompts personnalisables pour accompagner la création et l’amélioration d’un site web.
Les utilisateur·rices peuvent notamment préparer des instructions pour créer un premier site, examiner son accessibilité ou réaliser une analyse de sécurité.
Un générateur de prompt permet également de personnaliser le sujet d’un site et sa palette de couleurs avant de récupérer les instructions à transmettre à l’IA.
Ajouter des fonctionnalités plus avancées
Le guide présente plusieurs outils et bibliothèques permettant d’enrichir un projet avec l’aide de l’intelligence artificielle :
- Remotion pour créer des vidéos et des animations ;
- Qwen3-TTS pour transformer des textes en contenus audio ;
- Leaflet pour intégrer des cartes interactives ;
- Three.js pour créer des visualisations en trois dimensions.
Chaque proposition est accompagnée d’explications, d’un prompt à adapter et d’un exemple illustrant le résultat attendu.
Un guide qui met en pratique ses propres conseils
L’une des particularités de cette ressource est son caractère interactif. La page intègre directement plusieurs démonstrations : personnalisation de couleurs, exemples de contenus multimédias, cartes, représentations 3D ou encore simulations d’outils de développement.
Des tutoriels complémentaires expliquent également comment utiliser Git pour conserver les différentes versions d’un projet, exploiter l’inspecteur du navigateur pour identifier des erreurs ou créer un fichier AGENTS.md pour conserver les consignes destinées à l’assistant IA.
Ce guide peut notamment intéresser les enseignant·es et formateur·rices qui souhaitent concevoir leurs propres outils pédagogiques interactifs, réaliser des simulations, développer de petites applications ou créer des ressources numériques adaptées à leurs besoins.
Une ressource pour découvrir progressivement le développement assisté par intelligence artificielle, tout en gardant à l’esprit la nécessité de tester et de vérifier les productions générées.
Consulter le guide « Conseils pour le Vibe Coding » :