SUPPORT DE FORMATION

FORMATION CLAUDIO 🍝

Claude Cowork & Claude Code — 2 jours pour devenir autonome en vibecoding.
De zéro à la création d'applications, sans aucune connaissance en code.

17 & 18 juin 2026
9h30 - 17h00
21 participants
Paris 10e
Claude.ai Console Anthropic Vercel GitHub Google AI Studio

J1 — MERCREDI 17 JUIN

1

DÉMARRAGE & INSTALLATION

J1 Mercredi matin — De l'IA conversationnelle à Claude Code

Tour de table

  • Votre prĂ©nom et activitĂ©, le projet que vous voulez rĂ©aliser, votre sentiment face Ă  l'IA

PrĂ©sentation flash — L'IA en juin 2026

  • Les modĂšles 2026 : Claude 4.6, GPT-5, Gemini 3, Grok 3
  • Le vibecoding : coder sans savoir coder, pourquoi ça change tout
  • Les agents IA : l'IA ne rĂ©pond plus, elle agit

APPS INCONTOURNABLES

🔍
Perplexity
Recherche web augmentée par l'IA avec sources vérifiées
📓
NotebookLM
Transforme vos documents en podcast, FAQ, briefing
đŸ”„
Fireflies.ai
Transcrit, résume et extrait les actions de vos réunions
đŸŽ€
Wispr Flow
DictĂ©e vocale IA — votre voix devient du texte partout

CLAUDE DESKTOP

Claude.ai — L'interface web

  • Chat + graphiques + artefacts — votre couteau suisse quotidien
  • Cowork — mode collaboratif en temps rĂ©el
  • Chrome Extension — Claude intĂ©grĂ© dans votre navigateur

GO CLAUDE CODE — 3 NIVEAUX

La baguette, le bazooka, le superpouvoir

  • Baguette magique — CrĂ©er un site, un dashboard, une prĂ©sentation en 30 secondes
  • Bazooka — Automatiser des workflows complets (scraping, analyse, email, publication)
  • Superpouvoir — CrĂ©er des SaaS, des agents autonomes, des applications complexes

VOCABULAIRE CLAUDE CODE

Commandes et concepts essentiels

  • /plan — Valider sa stratĂ©gie avant d'agir (Plan Mode)
  • /model — Changer de modĂšle : Opus 4.6 (puissant), Sonnet (rapide)
  • /config — RĂ©gler les permissions et prĂ©fĂ©rences
  • /usage — Suivre sa consommation de tokens
  • /init — Initialiser un projet avec CLAUDE.md
  • CLAUDE.md — Fichier de configuration projet (la mĂ©moire de Claude)
  • Context window — 1M tokens = environ 200K lignes de code
  • MCP — Model Context Protocol, connecter des outils externes
  • dangerouslyskippermissions — Mode autonome total (Ă  utiliser avec prudence !)

INSTALLATION

Installer Claude Code
npm install -g @anthropic-ai/claude-code
Lancer Claude Code
claude

Checklist

  • Node.js installĂ© ? node --version
  • Claude Max actif sur claude.ai/upgrade
  • Claude Code installĂ© et connectĂ©

1ER PROMPT — SITE EN 45 SECONDES

Premier prompt
Crée-moi un site web personnel avec une page d'accueil qui dit "Bonjour, je suis [votre prénom] et je découvre le vibecoding !". Design moderne, fond dégradé violet, texte blanc, bouton animé. Déploie-le sur Vercel.
OPUS 4.6
ModĂšle le plus puissant
1M
Tokens de contexte
~45s
Site en ligne
$100
/ mois (Max)
2

PRODUCTIVITÉ & CRÉATIVITÉ

J1 Mercredi aprĂšs-midi — Automatisation, contenu et crĂ©ation

PRODUCTIVITÉ

Rechercher — Scraping avec Playwright GUIDE

Claude Code navigue sur le web et extrait les données : prix concurrents, annonces immo, offres d'emploi, profils LinkedIn, avis Google. Export CSV ou Excel automatique.

Analyser — Dashboards interactifs PRATIQUE

À partir d'un Excel ou de donnĂ©es brutes, Claude Code gĂ©nĂšre un dashboard HTML avec KPIs, graphiques Chart.js, filtres dynamiques. Design pro, publiable en ligne.

Prompt — Dashboard interactif
À partir du fichier Excel [nom_fichier.xlsx], crĂ©e un dashboard HTML interactif avec : - 4 KPIs en haut (CA total, nombre clients, panier moyen, croissance) - Graphique courbe : Ă©volution du CA sur 12 mois - Graphique barres : top 10 clients par CA - Graphique camembert : rĂ©partition par catĂ©gorie - Filtre par mois et par catĂ©gorie - Utilise Chart.js

Analyser — Documents et Business Plans GUIDE

PDF vers synthÚse exécutive, projections financiÚres sur 5 ans, export Excel avec scénarios.

Generer — Excel et PowerPoint PRATIQUE

Claude Code génÚre vos fichiers avec openpyxl et python-pptx : tableaux structurés, pivot tables, graphiques, formatting pro, slides avec design.

Generer — CrĂ©ation d'une skill PRATIQUE

Un fichier SKILL.md qui automatise une tùche récurrente. Exemple : /contenus "mon sujet" génÚre automatiquement posts LinkedIn, tweets et newsletters adaptés à votre ton.

CRÉATIVITÉ

Images et vidéos en connectant les APIs DEMO LIVE

  • Images 4K — API Gemini (gemini-3-pro-image-preview)
  • VidĂ©os cinĂ©matiques — Freepik/Kling 3.0 (5-15s, 4K)
  • Voix IA — ElevenLabs (voix-off françaises naturelles)
  • Musique IA — Suno (compositions originales)
  • Montage — FFmpeg (assemblage automatique)

Exemple concret sur une marque

On prend une marque fictive et on gĂ©nĂšre : images produits, vidĂ©o pub, voix-off — le tout assemblĂ© automatiquement par Claude Code.

DĂ©mo Jean-Claw DEMO LIVE

Agent IA autonome sur Telegram avec 44 skills : email, calendrier, veille, réseaux sociaux, génération de contenu. Tourne 24/7 sur un Mac Mini.

Site internet avec formulaire PRATIQUE

Création d'un site complet avec formulaire de contact (Formspree) et mise en ligne sur Vercel. Puis démarrage de votre app personnalisée ou projet libre.

TOOLBOX — OUTILS & SERVICES

Skills MCP Freepik API FFmpeg ElevenLabs Suno Formspree Vercel iTerm AskUserQuestion API Anthropic Late.dev YouTube

J2 — JEUDI 18 JUIN

3

APPLICATIONS GUIDÉES

J2 Jeudi — Projets concrets de A à Z
  • VidĂ©o avec voix-off et musique PRATIQUE
    Pipeline complet : Gemini images, Kling 3.0 vidéo, ElevenLabs voix, Suno musique, FFmpeg montage = vidéo 30s pro.
  • DĂ©mo — VidĂ©os avatar DEMO
    Kling Avatar v2 + ElevenLabs : photo de référence vers vidéo parlante avec lip-sync.
  • Application de veille GUIDE
    Next.js + Tailwind + API Claude avec web search + Resend emails, déployée sur Vercel.
  • Application de prĂ©sentation PRATIQUE
    HTML premium scrollable, style cabinet de conseil, slides animĂ©es — ou application pour un mĂ©tier spĂ©cifique.
  • DĂ©mo — Videobook, Kahoot, Jeu vidĂ©o DEMO
    PDF de livre vers trailer vidéo cinématique. Quiz interactif généré par IA. Jeu HTML5 Canvas jouable dans le navigateur.
  • Posting rĂ©seaux sociaux et dĂ©marchage GUIDE
    Cross-posting X/LinkedIn/Instagram/TikTok/Reddit via Late.dev + prospection LinkedIn avec PhantomBuster.
  • Immoclaw — Agent immobilier IA DEMO
    Vidéo depuis annonce, bail, plan 2D vers 3D, estimation, avant/aprÚs rénovation.
  • Agents vocaux DEMO
    ElevenLabs + Twilio : réception d'appels, prise de RDV, réponses en langage naturel.
  • Site e-commerce GUIDE
    Next.js + Stripe + Vercel : catalogue, panier, paiement — opĂ©rationnel en 30 min.
  • CrĂ©ation de skills PRATIQUE
    SKILL.md et CLAUDE.md : créer ses propres commandes automatisées pour Claude Code.
Prompt — VidĂ©o voix-off complete
Crée une vidéo de 30 secondes pour [ma marque/mon projet] : 1. GénÚre 5 images 16:9 avec Gemini (style cinématique) 2. Anime chaque image en vidéo 5s avec Kling 3.0 3. GénÚre une voix-off française avec ElevenLabs 4. Ajoute une musique de fond avec Suno 5. Assemble le tout avec FFmpeg 6. Exporte en MP4 1080p
Prompt — App de veille
Crée une application de veille sur [mon sujet]. Stack : Next.js + Tailwind + API Claude avec web search. L'app doit permettre de créer des veilles, choisir la fréquence (quotidienne, hebdo, mensuelle), et envoyer les résultats par email avec Resend. Déploie sur Vercel.
4

VOS APPLICATIONS

J2 Jeudi aprùs-midi — Projet libre et clîture

Installation d'OpenClaw

Framework pour créer son propre agent IA autonome (comme Jean-Claw). Installation, configuration, personnalisation de la personnalité et des skills.

CrĂ©ation d'applications personnalisĂ©es — 45 min

Travail libre avec mentorat individuel. Outils disponibles : Claude Code, APIs (Gemini, ElevenLabs, Kling, Resend), skills, CLAUDE.md.

IDÉES DE PROJETS

📅
SystÚme de réservation
Prise de RDV en ligne avec calendrier
📊
Outil de veille sectorielle
Veille automatisée sur votre secteur
🌐
Portfolio + formulaire
Site vitrine professionnel
📈
Dashboard d'analyse
Visualisation de vos données métier
đŸ“±
Publication réseaux sociaux
Cross-posting automatisé
✍
Générateur de contenu
Marketing, newsletter, posts

Présentation de vos projets

Show & tell : 2-3 minutes chacun pour présenter votre création et partager vos apprentissages.

Quiz final et clĂŽture

Quiz gamifié généré avec Claude Code + certification IA générative.

🍝

BRAVO, CHEF !

Vous avez terminé la formation Claudio.
Le vibecoding est maintenant dans votre boĂźte Ă  outils.

Questions ? nicolas@comptoiria.com