Débloquez le guide
Entrez vos coordonnées pour accéder au guide sélectionné.
🔒 Données utilisées uniquement pour cette formation.
Formations
Présent Composé Design / Alban Desbarax
🎨 TOP 10 Applications IA Génératives 2026
Les meilleures apps gratuites (téléphone & desktop) pour générer des images et vidéos facilement avec l'IA. Guide interactif avec démos vidéo.
GRATUIT · Guide interactif · 11 apps testées💻 TOP 25 Applications Open Source à installer en 2026
La sélection essentielle des logiciels gratuits & open source pour la création 3D, audio, vidéo, design, impression 3D, code créatif et productivité.
GRATUIT · 25 logiciels · 7 catégories · Liens de téléchargement🎬 Storyboard & virtual production IA TOOLBOX
20 outils IA et 100 termes techniques pour la création de storyboards. Glossaire interactif, prompts prêts à l'emploi, liens et demos.
GRATUIT · 20 outils · 100 termes · 2 onglets⚡ Claude Vibecoding — Guide complet
Maîtriser Claude dans le navigateur et dans VS Code. Workflows, prompts-clés, pièges à éviter, méthodes d'itération rapide pour créatifs qui codent.
GRATUIT · 15 fiches · Navigateur · VS Code · Prompts à copierSuite 3D complète : modélisation, animation, rendu, compositing. Le standard open source.
Créez vos propres jeux et expériences 3D. Plateforme massive de création interactive.
Les deux moteurs de jeu de référence. Unity (C#) et Unreal (Blueprints/C++). Gratuits pour débuter.
Moteur 3D web open source par Microsoft. Créez des expériences 3D/WebXR dans le navigateur.
Plateforme de sideloading pour Meta Quest. Accédez à des apps VR non officielles.
DAW professionnel ultra-léger. Licence d'évaluation illimitée. Plugins VST, MIDI, multitrack.
DAW référence pour la musique électronique et le live. Version Lite gratuite avec instruments.
Environnement de programmation visuelle pour audio, MIDI, vidéo et médias interactifs.
Suite pro complète : montage, étalonnage, VFX, mixage audio. Gratuit et très puissant.
Montage vidéo simple et efficace. Templates, effets, sous-titres auto. Idéal réseaux sociaux.
Compositing node-based open source. Alternative à After Effects/Nuke pour le VFX.
Lecteur multimédia universel. Lit tous les formats, convertit, streame. Incontournable.
Design d'interfaces, prototypage, collaboration temps réel. Version gratuite très généreuse.
Suite créative (Photo, Designer, Publisher). Alternative premium à Adobe, licence perpétuelle.
Visionneuse et convertisseur d'images. Supporte 500+ formats. Batch processing puissant.
Slicer officiel Bambu Lab. Profils optimisés, multi-couleur, interface moderne.
Fork communautaire de Bambu Studio. Compatible toutes imprimantes, très personnalisable.
Slicer universel le plus utilisé au monde. Marketplace de plugins, profils communautaires.
Programmation visuelle temps réel pour installations interactives, VJing, mapping.
Langage de programmation créative. Idéal pour apprendre le code par le visuel.
Plateforme électronique open source. IDE + cartes pour prototypage interactif.
Interface node-based pour Stable Diffusion. Workflows visuels pour la génération d'images IA.
Éditeur de code le plus populaire. Extensions, Git, terminal intégré, IA (Copilot).
Suite bureautique complète et gratuite. Writer, Calc, Impress. Alternative à Microsoft Office.
Plateforme de communication. Salons vocaux/texte, partage d'écran, bots, communautés.
Interface node-based pour Stable Diffusion et Flux. Workflows visuels puissants pour la génération d'images IA. Personnalisation totale, ControlNet, IP-Adapter, cohérence entre panels.
Outil Google pour créer des storyboards et moodboards visuels avec l'IA. Génération d'images à partir de prompts textuels, idéal pour la pré-production et la visualisation rapide de concepts narratifs.
Modèle open-source de génération d'images. Utilisable localement ou via ComfyUI. Parfait pour créer des planches cohérentes avec des LoRA personnalisés (personnages, univers visuels constants).
Accessible directement via ChatGPT. Excellente compréhension des instructions en langage naturel. Utile pour générer rapidement des thumbnails de séquences et tester des compositions.
Modèle nouvelle génération aux rendus photographiques exceptionnels. Très précis sur les compositions complexes et le rendu des textures. Idéal pour des panneaux de storyboard ultra-détaillés.
Transforme une image fixe en clip vidéo avec contrôle des mouvements de caméra. Permet de créer une animatique directement depuis ses panels de storyboard en quelques clics.
Génération vidéo longue durée depuis texte ou image. Excellent pour simuler des plans-séquences complexes, des mouvements fluides et des transitions entre scènes-clés d'une séquence narrative.
Génération vidéo de haute qualité avec un excellent contrôle du mouvement des sujets. Idéal pour simuler les mouvements de personnages dans une scène, utile pour valider un blocking avant tournage.
Logiciel gratuit dédié au storyboard avec intégration IA. Génère automatiquement des panels à partir d'un script, avec des champs pour action, dialogue, durée et notes de réalisation.
Outil de storyboard professionnel avec génération IA intégrée. Idéal pour les agences et réalisateurs. Permet de générer une séquence de panels cohérents et de les exporter en animatique avec timing.
Plateforme tout-en-un : écriture du script, découpage technique et génération des panels. Transforme un traitement narratif en storyboard illustré automatiquement avec numérotation des scènes et plans.
Excellent pour la structure narrative, les beat sheets et les descriptions de plans. Génère des découpages techniques précis, des dialogues et des notes de réalisation détaillées. Idéal pour construire la colonne vertébrale d'un storyboard.
Fort en génération de synopses, loglines et arcs narratifs. Utile pour développer la structure en 3 actes, générer des beat sheets et rédiger des notes de plateau. Compatible avec DALL·E pour une chaîne texte → image.
Capable d'analyser une image et de décrire techniquement un plan (type de plan, angle, lumière) — très utile pour reverse-engineer des références visuelles et les adapter à son storyboard. Multimodal natif.
Spécialisé dans la cohérence de personnages entre les panels. Fonctionnalité « Character Reference » pour garder le même visage/costume sur tous les plans. Indispensable pour les storyboards avec protagonistes récurrents.
Intégré à Photoshop et Premiere. Génère et retouche des panels directement dans le workflow Adobe. La fonction Generative Fill permet d'ajuster un cadrage, ajouter un décor ou modifier une composition après génération.
Génération de voix off (V.O.) ultra-réalistes à partir de texte. Permet d'ajouter des dialogues et narrations à une animatique pour tester le rythme des plans et la durée des séquences avant tournage.
Génération musicale à partir d'un prompt textuel. Crée une bande sonore temporaire pour accompagner l'animatique, tester l'émotion de chaque séquence et valider le rythme des transitions avant la production finale.
Génération de SFX (effets sonores) depuis un prompt. Utile pour enrichir l'animatique avec des sons d'ambiance correspondant aux décors et actions de chaque panel — bruitage, atmosphères, impacts.
Cliquez sur un terme pour le copier dans vos prompts IA.
Cliquez sur un terme pour le copier dans vos prompts IA.
Cliquez sur un terme pour le copier dans vos prompts IA.
Cliquez sur un terme pour le copier dans vos prompts IA.
Cliquez sur un terme pour le copier dans vos prompts IA.
Cliquez sur un terme pour le copier dans vos prompts IA.
Cliquez sur un terme pour le copier dans vos prompts IA.
Cliquez sur un terme pour le copier dans vos prompts IA.
Cliquez sur un terme pour le copier dans vos prompts IA.
Terme popularisé par Andrej Karpathy (ex-OpenAI, Tesla AI) en 2025. Vibecoder c'est déléguer l'écriture du code à Claude en pilotant par l'intention et le résultat visuel — sans lire chaque ligne. On décrit, Claude génère, on teste, on itère. La machine code, toi tu diriges.
- Tu décris ce que tu veux voir / ce que tu veux que ça fasse.
- Claude génère — tu testes dans le navigateur ou VS Code.
- Si ça marche → tu construis dessus. Si ça casse → tu colles l'erreur et tu itères.
- Tu n'as pas besoin de tout comprendre — mais tu dois valider chaque étape avant de continuer.
Le vibecoding demande un changement de posture : tu passes de « je code » à « je dirige un développeur qui ne dort jamais ». Ce n'est pas parce que tu ne comprends pas une ligne que c'est mal écrit. Et ce n'est pas parce que Claude génère que le code est bon — c'est toi le chef de projet.
- Toujours tester avant de continuer — ne jamais empiler du code non vérifié.
- Committer ou sauvegarder avant chaque grosse intervention de Claude.
- Si Claude tourne en rond après 3 tentatives → reformuler ou changer d'approche.
La plateforme chat officielle. Trois fonctions à activer pour vibecoder efficacement : Projects (contexte persistant entre sessions), Artifacts (code HTML/JSX prévisualisable en live dans le panneau droit), et la recherche web pour les docs de frameworks récents. Demander explicitement un Artifact — Claude ne le fait pas toujours seul.
- Préciser dans le prompt : « génère le résultat dans un Artifact HTML complet et fonctionnel ».
- Artifact HTML = s'affiche et s'exécute en direct → parfait pour prototyper une interface ou une animation.
- Artifact React/JSX → composants interactifs prévisualisés sans aucun setup local.
- Le bouton Edit dans l'Artifact permet à Claude de modifier le code sans toucher à la conversation.
Les Projects stockent un contexte permanent : charte graphique, stack technique, règles de code, conventions de nommage. Claude s'en souvient à chaque nouvelle conversation dans ce projet — sans avoir à tout réexpliquer à chaque session.
Un prompt efficace n'est pas une phrase — c'est une mini-spec : quoi (la tâche), comment (contraintes techniques), format (ce qu'on attend en sortie), ne pas faire (erreurs à éviter). Plus c'est précis, moins il y a d'itérations.
Agent CLI qui s'intègre dans le terminal et dans VS Code. Il peut lire, écrire, renommer et exécuter des fichiers de façon autonome. Installation via npm — nécessite un compte Claude Pro ou un accès API Anthropic.
Cette erreur n'est pas liée à la taille de tes fichiers — elle vient de l'accumulation de l'historique de conversation envoyée à l'API. À chaque message, Claude Code ré-envoie tout le contexte : messages précédents + fichiers référencés. Cela dépasse 32 MB sur les sessions longues.
- /clear dans le chat Claude Code → vide l'historique, repart de zéro dans la même fenêtre.
- /compact → Claude résume la conversation et reprend à partir de ce résumé.
- Nouveau chat (+) → conversation fraîche, contexte vide.
- @fichier précis → référencer uniquement le fichier en cours, pas tout le dossier.
- Découper les tâches → une fonctionnalité = une conversation.
En mode agentic, Claude Code planifie, exécute et vérifie les modifications de fichiers. Il peut créer des dossiers, installer des dépendances npm et exécuter des scripts. Puissant, mais à cadrer : donner un périmètre clair pour éviter les modifications non souhaitées.
Le workflow le plus simple : tout dans un seul fichier HTML, prévisualisé en Artifact ou ouvert dans le navigateur. Idéal pour les animations CSS, les layouts créatifs, les landing pages et les composants standalone.
Pour un projet React, Claude Code génère des composants cohérents, des hooks personnalisés et un design system depuis une description en langage naturel. La clé : définir le design system dès le départ et le maintenir en référence constante.
Le piège classique : demander à Claude de « modifier » sans préciser le périmètre et se retrouver avec tout le code réécrit. Un bon prompt d'itération isole chirurgicalement ce qui change, en préservant le reste.
Ne pas juste coller l'erreur brute — Claude a besoin du contexte pour diagnostiquer efficacement. Ce template structure le bug report pour obtenir un diagnostic précis et une correction propre du premier coup.
Une fois que le code fonctionne en vibecoding, il faut le nettoyer et le documenter. Ce prompt transforme du code qui "vibe" en code qui dure — sans changer le comportement visible.
Claude peut auditer une interface et lister les problèmes UX, d'accessibilité et de cohérence visuelle. Idéal après une session de vibecoding intense pour remettre de l'ordre avant de livrer.
Symptôme : Claude génère une correction, tu testes, ça ne marche toujours pas, tu recolles l'erreur, Claude génère une autre correction légèrement différente… La conversation s'allonge, le contexte se dégrade, les réponses empirent.
- Ne pas continuer dans la même conversation — le contexte long dégrade la qualité.
- /clear ou nouveau chat, puis reformuler le problème entièrement.
- Réduire le scope : isoler le minimum de code qui reproduit le bug.
- Changer d'angle : « explique-moi pourquoi X ne fonctionne pas » plutôt que « corrige X ».
- Si le bug persiste → MDN, Stack Overflow, puis revenir avec la réponse trouvée.
Vibecoder vite crée de la dette : code dupliqué, fonctions trop longues, pas de gestion d'erreur, dépendances npm non voulues. Sans hygiène régulière, le projet devient ingérable même pour Claude.
- Un refactoring léger tous les 3-4 features ajoutées (utiliser le prompt de refactoring ci-dessus).
- Préciser « sans nouvelles dépendances npm » pour garder le projet léger.
- Vérifier le
package.jsonaprès chaque session agentic — Claude peut installer des libs sans prévenir. - Committer avec Git avant chaque grosse intervention de Claude Code.
Les erreurs classiques qui freinent ou cassent un projet vibecoding — et comment les éviter dès le départ.
- ❌ « Fais-le plus beau » sans critères → Claude improvise et casse la cohérence.
- ❌ Attacher tous les fichiers du projet à chaque message → context overflow garanti.
- ❌ Demander plusieurs choses à la fois → résultats mitigés, difficiles à tester séparément.
- ❌ Ne pas tester entre deux prompts → les erreurs s'accumulent et deviennent impossibles à tracer.
- ❌ Faire confiance à Claude sur les chiffres et URLs → toujours vérifier les données factuelles.
- ❌ Vibecoder en production directement → utiliser une branche Git ou un environnement de dev.
📋 Participants 0
Visible uniquement sur votre navigateur