Claude Code

Interface Moderne pour l'Enseignement

Claude AI + VS Code Projets LaTeX Éducatifs

Transformez votre façon de créer des ressources pédagogiques

Au programme

  1. Qu'est-ce que Claude Code ?
  2. Concepts clés (Skills, Agents, Commandes, MCP)
  3. Workflow typique d'utilisation
  4. Organisation du projet
  5. Fonctionnalités clés
  6. Avantages pour l'enseignant
  7. Exemples & Conseils pratiques

Qu'est-ce que Claude Code ?

L'alliance parfaite entre VS Code et l'IA Claude

  • VS Code : Éditeur professionnel Microsoft
  • Claude AI : IA conversationnelle Anthropic (Sonnet 4.5)
  • Interface chat + outils puissants intégrés
  • Spécialisé pour projets éducatifs LaTeX

Architecture Claude Code

1
VS Code : Environnement de développement intégré (IDE)
2
Extension Claude Code : Pont entre VS Code et l'IA
3
API Claude : Modèle Sonnet 4.5 (raisonnement avancé)
4
Outils intégrés : Lecture, écriture, compilation, génération...

Pourquoi Claude Code pour l'enseignement ?

Contexte long

200k tokens = projets complets chargés en mémoire

Outils natifs

Lecture, édition, compilation, bash intégrés

Extensible

Skills, agents, serveurs MCP personnalisés

LaTeX natif

Gère complexité documents éducatifs

Concepts clés

4 piliers pour maîtriser Claude Code

Skills

Compétences spécialisées

Agents

Experts autonomes

Commandes

Slash commands rapides

Serveurs MCP

Model Context Protocol

Skills : Compétences spécialisées

Définition : Un skill est une expertise documentée dans un fichier SKILL.md

  • Stocké dans .claude/skills/nom-du-skill/
  • Contient instructions, exemples, bonnes pratiques
  • Claude l'utilise automatiquement quand pertinent

Exemples :

  • image-generator : Génération d'images pédagogiques
  • reveals-presentation : Création de diaporamas reveal.js
  • latex-beamer : Cours Beamer professionnels

Agents : Experts autonomes

Définition : Un agent est un Claude spécialisé avec rôle, outils et connaissances précis

  • Déclaré dans .claude/agents/nom-agent.md
  • Accès à des skills spécifiques
  • Autonome : décide, exécute, rapporte

Exemples :

  • image-user : Génère images via skill image-generator
  • debug-tex-log : Analyse logs LaTeX et corrige bugs
  • beamer-creator : Crée cours Beamer complets

Commandes : Slash commands

Définition : Raccourcis pour tâches fréquentes (taper / dans le chat)

Commandes système

  • /help : Aide générale
  • /skills : Lister skills
  • /agents : Lister agents

Commandes métier

  • /compile-tex : Compiler LaTeX
  • /generate-images : Lancer génération
  • /create-beamer : Nouveau cours

Gain de temps massif pour actions répétitives !

Serveurs MCP : Model Context Protocol

Définition : Serveurs qui exposent des outils externes à Claude (bases de données, APIs, etc.)

  • Permet à Claude d'interagir avec des systèmes externes
  • Accès bases de données, APIs, fichiers spéciaux
  • Scripts Python/Node.js lancés en arrière-plan

Exemples :

  • mcp-google-vertex : Génération d'images via Google Gemini
  • mcp-latex-compiler : Compilation LaTeX distante
  • mcp-database : Requêtes SQL sur base exercices

Récapitulatif : Comment tout s'articule

1
Vous : Demande en langage naturel (ou slash command)
2
Claude : Identifie skill ou agent pertinent
3
Agent : Utilise ses skills + serveurs MCP
4
Résultat : Fichiers créés, compilés, livrés

Vous ne codez jamais : Claude orchestre tout !

Workflow typique d'utilisation

Du besoin à la ressource prête en quelques clics

1
Exprimer votre besoin en langage naturel
2
Claude analyse et propose une solution
3
Validation / Ajustements interactifs
4
Génération automatique (LaTeX, images, etc.)
5
Compilation et vérification finale

Exemple concret : Créer une fiche d'exercices

Vous dites :

"Créer une fiche d'exercices sur les fractions niveau 4ème avec 5 exercices progressifs et des images thématiques médiévales"

Claude répond :

  • ✓ Analyse le besoin (niveau, thème, nombre d'exercices)
  • ✓ Propose une structure pédagogique cohérente
  • ✓ Suggère des consignes variées

Temps total : 5-10 minutes (vs 2-3h manuellement)

Exécution automatique

1
Agent image-user génère 5 images médiévales
2
Agent latex-creator rédige fichier LaTeX
3
Compilation automatique en PDF
4
Vérification erreurs + corrections si besoin

Résultat : Fiche PDF prête à imprimer avec images optimisées !

Organisation du projet

Structure standardisée .claude/

.claude/ ├── agents/ # Experts autonomes (.md) │ ├── image-user.md │ ├── debug-tex-log.md │ └── beamer-creator.md ├── skills/ # Compétences documentées │ ├── image-generator/ │ │ ├── SKILL.md │ │ ├── README.md │ │ └── scripts/ │ └── reveals-presentation/ │ ├── SKILL.md │ └── references/ ├── commands/ # Slash commands personnalisés │ └── custom-commands.json ├── mcp_servers/ # Serveurs Model Context Protocol │ └── google-vertex/ └── datas/ # Données partagées (templates, configs) ├── reveal-templates/ └── latex-templates/

Dossier agents/

Contenu : Fichiers .md décrivant chaque agent

  • Un fichier = un agent spécialisé
  • Rôle, expertise, outils, exemples
  • Référence aux skills qu'il utilise

Exemple : image-user.md

  • Rôle : Générer images pédagogiques
  • Skills : image-generator
  • Connaissances : Styles impression, prompting IA

Dossier skills/

Contenu : Sous-dossiers avec expertise documentée

  • SKILL.md : Instructions pour Claude
  • scripts/ : Scripts Python/Node.js
  • knowledge/ : Docs de référence
  • examples/ : Cas pratiques

Exemple : skills/image-generator/

  • SKILL.md : Comment générer des images
  • scripts/generate_images.py : Script de génération
  • knowledge/styles.md : 5 styles documentés

Fichier CLAUDE.md

Le chef d'orchestre du projet

  • Placé à la racine du projet
  • Contient les instructions globales pour Claude
  • Décrit rôle, agents disponibles, workflow
  • Configure environnement (Python, Node, LaTeX...)

Lu automatiquement par Claude à chaque session

Fonctionnalités clés

Ce que Claude Code peut faire pour vous

Chat intelligent

Dialogue naturel avec contexte projet

Édition fichiers

Lecture, écriture, modification LaTeX

Compilation LaTeX

PDF générés automatiquement

Génération images

IA Gemini pour visuels pédagogiques

Fonctionnalités avancées

Debug automatique

  • Analyse logs LaTeX
  • Correction erreurs
  • Suggestions d'amélioration

Applications interactives

  • HTML/CSS/JS générés
  • Graphiques dynamiques
  • Simulations pédagogiques

Templates réutilisables

  • Fiches exercices
  • Cours Beamer
  • Diaporamas reveal.js

Versioning Git

  • Commits automatiques
  • Historique complet
  • Collaboration facilitée

Création de ressources variées

  • Fiches d'exercices : Énoncés, corrections, barèmes
  • Cours Beamer : Diaporamas pédagogiques animés
  • Évaluations : Contrôles, DS, brevet blanc
  • Escape games : Énigmes mathématiques illustrées
  • Applications web : Outils interactifs (calculatrices, graphiques...)
  • Diaporamas reveal.js : Présentations HTML modernes

Avantages pour l'enseignant

Pourquoi adopter Claude Code ?

Gain de temps massif

  • Fiche exercices : 10 min vs 2-3h
  • Cours Beamer : 30 min vs 5-6h
  • Images : 5 min vs 1-2h de recherche

Qualité professionnelle

  • LaTeX soigné et cohérent
  • Mise en page harmonieuse
  • Visuels adaptés au public

Plus d'avantages

Cohérence visuelle

  • Même style sur tous les docs
  • Charte graphique respectée
  • Personnages récurrents

Automatisation

  • Tâches répétitives éliminées
  • Workflows standardisés
  • Corrections automatiques

Créativité libérée

  • Focus sur pédagogie
  • Expérimentation facile
  • Projets ambitieux possibles

Partage facilité

  • Templates réutilisables
  • Collaboration entre profs
  • Documentation automatique

Avant / Après Claude Code

Avant

  • 2-3h pour une fiche exercices
  • Recherche images : 1-2h
  • Bugs LaTeX : 30 min - 1h
  • Copier-coller templates
  • Incohérences visuelles
  • Burn-out documentaire

Après

  • 10 min pour une fiche exercices
  • Génération images : 5 min
  • Debug auto : 30 secondes
  • Création automatique
  • Cohérence garantie
  • Énergie pour pédagogie !

ROI exceptionnel : x10 à x20 en productivité !

Exemples d'utilisation quotidienne

Interactions typiques avec Claude Code

Vous : "Génère 10 exercices sur le théorème de Pythagore niveau 4ème"

Claude :

  • ✓ Crée fichier LaTeX avec 10 exercices progressifs
  • ✓ Ajoute schémas géométriques (TikZ)
  • ✓ Compile en PDF
  • ✓ Temps total : 3 minutes

Exemple 2 : Escape game thématique

Vous : "Créer un escape game médiéval sur les fractions avec 5 énigmes et des images économiques à imprimer"

Claude :

  • ✓ Lance agent image-user : 5 images style ligne claire N&B
  • ✓ Rédige 5 énigmes mathématiques cohérentes
  • ✓ Crée PDF A4 prêt à imprimer (30 copies)
  • ✓ Temps total : 10 minutes

Économie d'encre : ~85% vs images couleur

Exemple 3 : Correction de bug LaTeX

Vous : "Mon fichier LaTeX ne compile pas, peux-tu trouver l'erreur ?"

Claude :

  • ✓ Lance agent debug-tex-log
  • ✓ Analyse le log de compilation
  • ✓ Identifie : accolade manquante ligne 47
  • ✓ Corrige automatiquement
  • ✓ Recompile : succès !
  • ✓ Temps total : 30 secondes

Exemple 4 : Diaporama reveal.js

Vous : "Créer un diaporama reveal.js sur les fonctions affines niveau 2nde, 15 slides avec animations"

Claude :

  • ✓ Utilise skill reveals-presentation
  • ✓ Crée 15 slides HTML avec fragments progressifs
  • ✓ Navigation 2D (détails optionnels)
  • ✓ Formules MathJax intégrées
  • ✓ Design lycée professionnel
  • ✓ Temps total : 8 minutes

Exemple 5 : Modification en masse

Vous : "Remplacer tous les 'exercice' par 'activité' dans mes 20 fiches du chapitre"

Claude :

  • ✓ Identifie les 20 fichiers .tex du chapitre
  • ✓ Remplace avec respect de la casse
  • ✓ Recompile tous les PDF
  • ✓ Vérifie aucune erreur introduite
  • ✓ Temps total : 2 minutes

Tâche impossible manuellement, triviale avec Claude !

Conseils pratiques

Tirer le maximum de Claude Code

Soyez précis

  • ✓ "5 exercices niveau 4ème"
  • ✗ "Des exercices"

Itérez

  • Demandez ajustements
  • Affinez progressivement

Bonnes pratiques (1/2)

  • Organiser par chapitres
    Structure claire = Claude efficace
  • Documenter dans CLAUDE.md
    Instructions globales = cohérence garantie
  • Sauvegarder régulièrement
    Git automatique via Claude

Bonnes pratiques (2/2)

  • Créer des templates
    Réutilisables = gain de temps x10
  • Partager avec collègues
    Skills, agents, templates mutualisés
  • Former l'IA progressivement
    Exemples = apprentissage du style

Pièges à éviter

Demandes trop vagues

"Fais un truc sur les maths"
→ Résultat imprévisible

Tout vouloir d'un coup

"20 chapitres complets"
→ Itérer progressivement

Oublier de tester

Toujours vérifier PDF avant impression

Ne pas documenter

CLAUDE.md = mémoire du projet

Astuces pour gagner du temps

Utiliser les slash commands

/compile-tex fichier.tex plutôt que "Peux-tu compiler fichier.tex ?"

Créer des templates personnalisés

Stocker dans .claude/datas/ pour réutilisation instantanée

Reprendre une conversation

Claude se souvient du contexte : continuez d'affiner

En résumé

Points forts

  • Gain de temps massif (x10 à x20)
  • Qualité professionnelle garantie
  • Cohérence visuelle automatique
  • Automatisation tâches répétitives
  • Créativité pédagogique libérée
  • Courbe d'apprentissage douce

À garder en tête

  • Toujours vérifier résultats
  • Être précis dans les demandes
  • Documenter dans CLAUDE.md
  • Itérer progressivement
  • Partager avec collègues
  • Former l'IA avec exemples

Claude Code : L'assistant IA qui transforme votre pratique enseignante !

Ressources

Documentation

  • CLAUDE.md - Instructions projet
  • .claude/agents/ - Experts disponibles
  • .claude/skills/ - Compétences documentées
  • .claude/datas/ - Templates & configs

Liens utiles

  • claude.ai/claude-code
  • Documentation officielle
  • Communauté enseignants
  • Tutoriels vidéo

Prêt à révolutionner votre création de ressources pédagogiques ?

Questions ?