Il y a quelque chose de nouveau dans l’air des salles de classe numériques. Pas un simple diaporama amélioré, pas une vidéo pédagogique de plus — quelque chose d’autre. Des outils vivants, pensés de l’intérieur par des enseignants, qui font entrer l’élève dans une expérience plutôt que dans un cours.
Ces initiatives et nouveaux types de contenu ouvrent des perspectives motivantes pour les élèves et enrichissent le paysage de l’enseignement d’économie-gestion.
✨ Qu’entend-on par « Vibe Coding » ?
Le vibe coding désigne cette pratique émergente qui consiste à générer du code fonctionnel à partir d’une intention, d’une ambiance, d’un objectif pédagogique — en s’appuyant sur l’IA comme co-développeur. Pas besoin d’être développeur confirmé. Il suffit d’avoir une idée claire de ce qu’on veut faire apprendre, et de savoir dialoguer avec les outils.
🎯 Prompt type – Génération d’un support en “vibe coding”
Rôle :
Tu es un enseignant expert en économie-gestion et un concepteur
d’applications pédagogiques interactives.
Objectif :
Créer un support pédagogique numérique interactif, moderne et
visuellement attractif en format HTML/CSS/JS sur une page unique,
destiné à des élèves de
[niveau : Seconde / Première STMG / Terminale STMG / BTS].
Thème :
[Indiquer la notion précise – ex : élasticité-prix de la demande /
CRM / palettisation logistique]
Dans notre académie, plusieurs enseignants s’en sont emparés pour créer des supports d’un genre nouveau.
Ces productions sortent des traditionnels diaporamas ou documents PDF : elles racontent une histoire, mobilisent des compétences numériques et valorisent la créativité en nous permettant de créer et mettre à disposition les outils que nous avons toujours souhaités avoir.
Notion d'élasticité-prix
En économie, la notion d'élasticité-prix — souvent abstraite et rebutante — devient une expérience de marché virtuel dans laquelle l'élève ajuste les prix et observe en temps réel l'impact sur la demande. La progression est gamifiée, jalonnée d'étapes et d'un quiz final. On ne lit plus le cours : on le traverse.
Simulateur de palettisation et d'empotage
En commerce international, un simulateur de palettisation et d'empotage est en cours de déploiement, pour rendre concret et manipulable ce qui ne l'était jusqu'ici que sur papier. Lien à venir ⏳
Tracking & marketing : la face cachée du e-commerce
« Vivre le piège avant de le comprendre. » Cette ressource ne raconte pas le tracking et le marketing : elle les fait subir à l'élève. Pendant qu'il navigue dans un faux site marchand crédible, tout est mesuré pour de vrai — écran, IP, localisation, temps passé, hésitations sur le prix, clics sur les pubs.
Une page web sur la notion de segmentation marketing
Une page unique et esthétique de présentation de la notion de segmentation marketing. Peut remplacer un diaporama par exemple ou ressource à découvrir en autonomie pour les élèves et étudiants.
Découverte CRM
En marketing-commerce, plutôt que de décrire ce qu'est un CRM, un enseignant a construit SolarCRM, une application pédagogique complète avec tableau de bord, pipeline Kanban, gestion de contacts et missions guidées. L'élève joue le rôle d'un commercial junior — et apprend en faisant exactement ce que ferait un professionnel.
Ces supports ont plusieurs points communs : ils sont conçus par des enseignants pour leurs élèves, ancrés dans des scénarios réalistes, et accessibles directement depuis un navigateur. Ils n’ont pas l’aspect lisse des ressources éditées par des plateformes commerciales — ils ont quelque chose de plus précieux : ils collent aux besoins réels d’une classe.
C’est peut-être là l’essentiel de ce que le vibe coding apporte à la pédagogie : il redonne aux enseignants la capacité de créer des outils à la mesure de leurs intentions, sans passer par des années de formation technique. L’IA abaisse la barrière d’entrée. La pédagogie, elle, reste entre les mains de ceux qui enseignent.
Pour rendre ces ressources accessibles, rien de plus simple, diffusez les fichiers à vos élèves tels quels sur le répertoire commun de l’établissement ou clé USB. Pour une diffusion en ligne, un peu plus compliqué via un dépôt sur la forge des communs numériques éducatifs : tutoriel vidéo
ou sur MindMaClasse : 
Si vous faites du vibecoding, vous avez déjà écrit ce genre de prompt. Et vous avez obtenu… autre chose que ce que vous imaginiez.
Le problème n’est pas l’IA. C’est le vocabulaire.
Une IA construit exactement ce que vous savez nommer. Dire « une modale avec overlay flouté, fermable avec Échap » plutôt que « un truc qui s’ouvre », c’est des dizaines de décisions déjà prises, et un résultat juste dès le premier jet.
Découvrez Webcabulaire, une ressource gratuite (et vibecodée 😆) pour apprendre à parler web et à diriger une IA :
🧱 Anatomie d’un site : HTML, CSS, JS, un ou plusieurs fichiers, le DOM, le modèle de boîte, flexbox, responsive… en manipulant, pas en lisant
🌐 Un vrai site de démo : 54 composants assemblés, où chaque élément se présente lui-même (« je suis une modale », « je suis une infobulle »…)
📚 Un catalogue de 54 composants : démo vivante, code, leviers à nommer, et la phrase à dire à l’IA
🗣️ 131 termes expliqués simplement, avec leur formulation prête à l’emploi
🎯 Une méthode de prompt (Quoi · Où · Quand · Look · Limites), un générateur de prompts et le bon réflexe pour décrire un bug
✅ Un quiz pour vérifier que les mots sont bien installés
Pas besoin de savoir coder. Il suffit de savoir nommer ce qu’on veut voir.
Je suis un bouton d'appel à l'action 😉
À votre tour de vous lancer dans le "vibecoding", mais cette fois en maîtrisant vos instructions !
Découvir Webcabulaire
