Open Vibe

Qu’est-ce qu’Open Vibe ?

Open Vibe est un curriculum open source gratuit de « vibe coding » qui transforme Claude Code (ou un autre agent IA compatible) en tuteur pas à pas pour construire de vraies apps web et SaaS. L’objectif est de vous aider à apprendre les concepts derrière ce que vous construisez—pendant que vous le construisez.

Au lieu de s’appuyer sur des tutoriels vidéo-only ou statiques, Open Vibe s’exécute localement et fournit du contenu de leçons interactif (compétences, instructions et diagrammes) directement dans votre workflow d’agent. Au fur et à mesure que vous développez votre app, l’agent guide, explique et soutient l’apprentissage quand vous êtes bloqué.

Fonctionnalités clés

• Curriculum basé sur agent pour apps web et SaaS : Un cours qui vit dans votre agent (pas une bibliothèque vidéo ou PDF), conçu pour enseigner pendant que vous codez.
• Diagrammes interactifs et live « behind-the-scenes » : Le tutoriel peut afficher des diagrammes sur votre app en exécution pour expliquer les flux comme la création d’une tâche (ex. : requêtes atteignant les routes et actions base de données).
• S’exécute localement avec votre code : Votre code tourne sur votre machine, et l’agent tutorise pendant que vous construisez, réduisant les surprises liées aux environnements distants.
• Fonctionne avec Claude Code ou autres agents : Le prompt d’installation est écrit pour que vous puissiez intégrer le curriculum dans Claude Code (ou tout « agent capable » référencé par Open Vibe).
• Sous licence MIT et gratuit : Open Vibe est annoncé comme 100 % gratuit et open source, sous licence MIT.
• Template de démarrage SaaS (« Open SaaS ») : Un template prêt pour la production incluant auth, paiements, admin, email et composants prêts pour l’IA, utilisé comme base pour la phase SaaS.

Comment utiliser Open Vibe

1. Collez le prompt d’installation dans votre agent : Exécutez curl -fsSL https://openvibe.sh/llms.txt et suivez les instructions du fichier pour charger le curriculum dans Claude Code (ou un autre agent compatible).
2. Commencez à construire avec le tuteur : Lancez un projet (l’exemple de page montre un flux style ~/my-todo-app). L’agent guide pas à pas et poursuit la leçon au fur et à mesure de vos progrès.
3. Utilisez les prompts interactifs en cas de confusion : Quand vous rencontrez un problème, posez des questions dans l’agent. Le tutoriel peut fournir des explications et des diagrammes live superposés sur votre app en exécution.
4. Choisissez une phase d’apprentissage : Commencez par la Phase 1 (une app web full-stack from scratch) ou la Phase 2 (construire un SaaS sur Open SaaS).

Cas d’utilisation

• Apprendre les fondamentaux full-stack web app en implémentant des features : Suivez le curriculum de la Phase 1 pour construire et déployer une app full-stack from scratch pendant que l’agent explique les parties web et application.
• Débogage en comprenant le flux des requêtes/données : Quand vous cliquez sur une action (comme « add task »), utilisez les diagrammes et explications pour voir ce qui se passe behind the scenes (appels de routes et insertions base de données).
• Construire un SaaS avec un template en apprenant les boucles sous-jacentes : Utilisez la Phase 2 pour bâtir un SaaS sur Open SaaS tout en couvrant des concepts clés comme la boucle auth→paiement→accès.
• Fondateurs aspirants qui shippent une app avec apprentissage guidé : Travaillez sur votre idée SaaS pendant que le tuteur vous aide à vous concentrer sur les concepts à comprendre pour continuer à construire et déployer.
• Éviter les boucles de re-prompting en développement agent-driven : La page décrit les « prompt-fix loops » où vous itérez sans apprendre ; Open Vibe positionne son curriculum tuteur pour briser ce cycle en se focalisant sur des explications liées à ce qui se passe.

FAQ

• Open Vibe est-il gratuit ? Oui. La page indique qu’Open Vibe est 100 % gratuit.

• Open Vibe est-il open source ? Oui. Il est décrit comme open source et sous licence MIT ; le curriculum et les diagrammes sont inclus sous MIT.

• Dois-je m’inscrire ? Aucune inscription n’est indiquée. Le curriculum est fourni via un prompt d’installation que vous exécutez dans votre terminal puis collez dans votre agent.

• Open Vibe nécessite-t-il spécifiquement Claude Code ? La page dit qu’Open Vibe transforme Claude Code (ou votre agent de choix) en tuteur et que l’approche peut fonctionner avec d’autres agents capables, tant que vous pouvez intégrer le curriculum via le prompt d’installation fourni.

• Où s’exécutent les leçons—dans des vidéos ou dans l’agent ? La page dit que le cours vit dans votre agent, pas comme une bibliothèque vidéo ou PDF.

Alternatives

• Contenu de tutoriels de développement web statique (vidéos, PDF, cours) : Ces ressources fournissent des supports d’apprentissage pas à pas, mais s’intègrent généralement pas directement à votre flux de travail quotidien avec un agent de codage ni ne superposent d’explications sur votre app en exécution.
• Assistants de codage IA polyvalents sans curriculum structuré : Vous obtenez des suggestions de code et de l’aide au débogage, mais sans un ensemble de compétences interactif et guidé par des leçons adapté aux concepts d’apps web/SaaS.
• Autres plateformes d’apprentissage « agentique » ou de codage guidé : Similaires dans l’intention (apprendre en construisant), mais différant par leur exécution locale, la structure des leçons et l’inclusion de diagrammes interactifs liés à l’exécution de votre app.