Fransys
Formation phare · 3 jours · 21 h

Votre site vitrine en production

Trois jours pour construire votre propre site vitrine avec Claude Code et le mettre en ligne. Vous repartez avec une URL publique, le dépôt Git, et de quoi le faire évoluer seul.

Durée
3 jours
Volume
21 heures
Modalité
Distanciel Meet
Niveau
Débutant à interm.
Format
Synchrone · 4 max.

Tarif

2 400 € nets / stagiaire

TVA non applicable, art. 293 B du CGI. Tarif intra-entreprise sur devis. Aucun frais annexe : les comptes GitHub et Vercel requis sont gratuits dans leur offre de base.

Délais d'accès

Démarrage sous 5 jours ouvrés après signature de la convention, dans la limite des places disponibles. Un cadrage individuel de 15 min précède toute inscription.

Prérequis

  • Savoir ouvrir un terminal et exécuter une commande
  • Disposer d'un ordinateur (macOS, Linux ou Windows avec WSL2) sur lequel installer des logiciels
  • Disposer d'un abonnement Claude ou d'une clé API Anthropic active
  • Disposer d'un compte GitHub et d'un compte Vercel (création gratuite, accompagnée si besoin)
  • Avoir réalisé le pré-travail d'installation transmis avant la session (≈ 1 h, hors 21 h)

Reconnaissance délivrée

Action de formation non certifiante. Ne délivre ni certification professionnelle, ni bloc de compétences, ni équivalence, et n'ouvre aucun droit à poursuite d'études. Une attestation de fin de formation est remise à l'issue du parcours.

Présentation générale

ChampValeur
IntituléMaîtriser Claude Code en profondeur
NiveauAvancé / Expert (immersif technique)
Durée5 jours, 35 heures
ModalitéDistanciel synchrone via Google Meet
Public viséDéveloppeurs, consultants techniques, formateurs IA, dirigeants d'OF tech, freelances et commerciaux souhaitant atteindre un niveau expert sur Claude Code
PrérequisPratique active de Claude Code (≥ 4 semaines) · Aisance ligne de commande · Bases JSON / Markdown / Git · Compte Claude Max ou clé API Anthropic active
TarifCommuniqué au cadrage selon périmètre retenu

Fil rouge ajustable selon votre profil métier (sales, dev, dirigeant, formateur).

Compétences visées en sortie de formation

  • Cartographier l'écosystème Anthropic (Claude Code, Claude.ai, API, Workbench) et choisir l'outil adapté à chaque cas d'usage
  • Maîtriser l'architecture interne de Claude Code (harness, runtime, modes) et régler settings.json : permissions, env, modèle × effort
  • Pratiquer le prompt engineering Anthropic et le prompt caching (jusqu'à 90 % d'économie) ainsi que la Batch API (50 % d'économie)
  • Construire et déployer hooks, status line custom, plugins, et industrialiser Claude Code dans un workflow Git/GitHub (pre-commit, GitHub Actions, PRs auto, déploiement Vercel/Supabase)
  • Concevoir des skills personnalisées multi-fichiers à workflow agentique, et exploiter l'Anthropic SDK (streaming, tool use, vision multimodale)
  • Sécuriser une configuration MCP en production et construire un serveur MCP custom
  • Orchestrer des sub-agents (parallèles, séquentiels, isolés) selon le pattern Explore → Plan → Implement
  • Sécuriser ses applications IA (prompt injection, jailbreaks, output validation) et mettre en place l'observabilité IA en production (Langfuse, Helicone, AgentOps)
  • Composer et déployer un workflow agentique complet en production

Jour 1 — Architecture, modèles, settings et prompt engineering avancé

Chargement du schéma…

Architecture interne d'une session Claude Code et ses points de contrôle

Matin (3 h 30) — Écosystème Anthropic 2026 (Claude.ai, Claude Code, API, Workbench : qui fait quoi). Modèles 2026 — Opus 4.8 (1M ctx, défaut Max/Team), Sonnet 4.6, Haiku 4.5 — et niveaux d'effort (lowxhigh/max) : raisonner en (modèle × effort), pas en modèle seul. Architecture interne (harness, runtime, modes plan / acceptEdits / bypassPermissions), cycle de vie d'une session (context loading → compaction → /clear), auto memory. Démo : tracer une session avec --debug.

Après-midi (3 h 30) — Cascade settings.json : scopes, permissions allow/deny/ask, env, réglage depuis le prompt via /config key=value. Prompt engineering Anthropic (XML tags, few-shot, chain-of-thought, structured output). ⚡ Prompt caching (90 % d'économie, breakpoints cache_control) et Batch API (50 % d'économie, queue jusqu'à 10 000 requêtes). Atelier 1 (90 min) : audit + refonte de votre settings.json et d'un prompt avec caching mesurable. Évaluation formative : QCM.


Jour 2 — Hooks, Git/GitHub workflows, CI/CD, status line

Chargement du schéma…

Pipeline CI/CD avec hooks Claude Code en amont (commit) et aval (PR + smoke)

Matin (3 h 30) — Hooks : architecture et types (pre-tool-use, post-tool-use, user-prompt-submit, session-start) ; patterns blocage de commandes destructrices, auto-format/auto-test, injection de contexte projet. Permissions fines : syntaxe Tool(param:value) pour matcher les paramètres d'un outil. Git workflows : pre-commit (lint, secrets, types), conventional commits. Atelier 2a : écrire 2 hooks (sécurité + qualité) sur le repo réel du stagiaire.

Après-midi (3 h 30) — GitHub Actions + Claude Code : issue → investigate → patch → PR auto, code review IA, release notes. CI/CD complet (lint + test + build + deploy + smoke via Chrome DevTools MCP). Status line custom (stdin JSON, stdout ANSI), récupération conso via /usage, paramètre attribution.sessionUrl. CLAUDE.md / AGENTS.md (project memory), plugins et marketplaces 2026. Atelier 2b : déployer status line + 1 GitHub Action Claude Code sur le projet du stagiaire.


Jour 3 — Skills custom, commandes slash, Anthropic SDK et vision

Chargement du schéma…

Workflow agentique d'une skill custom — 4 phases avec passage de contexte

Matin (3 h 30) — Anatomie d'une skill (SKILL.md, frontmatter), architecture multi-fichiers (STAGES.md / RULES.md / EXAMPLES.md), allowed-tools fine-grained, chargement de skills imbriquées (.claude/skills), workflow agentique en phases. Démo live : décorticage de /science-check (sub-agents parallèles). Atelier 3a (90 min) : concevoir et coder /audit-prompts — une skill qui audite des prompts et propose un refactor.

Après-midi (3 h 30) — Anthropic SDK Python (anthropic) et TypeScript (@anthropic-ai/sdk) : streaming, tool use (JSON schema, round-trip multi-tour), retry strategies (backoff, rate limits, idempotency keys). Vision multimodale (base64/URL, PNG/JPG/WebP/PDF) ; cas pratique : OCR de factures et extraction de données structurées d'un PDF. Atelier 3b (60 min) : skill custom OU script API qui extrait des données d'une image.


Jour 4 — MCP en production, sub-agents, sécurité IA et observabilité

Chargement du schéma…

Pattern Explore → Plan → Implement avec MCP en production et observabilité bout-en-bout

Matin (3 h 30) — Model Context Protocol : architecture JSON-RPC, composants (resources, tools, prompts), configuration mcp.json (scopes, npx / docker / uvx). Révision MCP 2026 : protocole stateless, MCP Apps, extension Tasks, autorisation alignée OAuth/OIDC. ⚠ Sécurité (REX réel) : leçons des CVE-2025-59536, CVE-2026-21852 et des sandbox bypass récents — interpolation ${MCP_API_KEY}, secrets perm 600, deny rules. Catalogue MCP 2026. Construction d'un serveur MCP custom (TS SDK officiel ou FastMCP). Atelier 4a : sécuriser sa mcp.json + implémenter un serveur MCP custom métier.

Après-midi (3 h 30) — Sub-agents : isolation de contexte, anatomie (description, tools, model), patterns d'orchestration (Explore → Plan → Implement, parallèles vs séquentiels, jusqu'à 5 niveaux de profondeur). Sécurité IA : prompt injection (directe/indirecte), jailbreaks, leakage du system prompt, garde-fous (Constitutional AI, output validation, audit trails). Observabilité production : Langfuse, Helicone, AgentOps (traces, métriques, coût). Atelier 4b : intégrer Langfuse OU Helicone et tracer 5 sessions.


Jour 5 — Computer use, agents autonomes et projet final déployé

Chargement du schéma…

Boucle d'agent autonome (AFK) avec validation humaine en sortie

Matin (3 h 30) — Computer use (vision, click, type, scroll ; limites, sandbox et isolation réseau). Chrome DevTools MCP (navigate, click, fill, screenshot, lighthouse, traces) : automatiser une saisie web complexe (DREETS / INPI / OPCO) ou auditer un site. Agents autonomes : Ralph Wiggum loop, mode AFK/headless, human-in-the-loop vs full autonomous. Nouveautés Claude Code 2026 : /fork (brancher une session façon Git), Agent view (claude agents : piloter toutes ses sessions en arrière-plan), dynamic workflows (Claude écrit un script orchestrant des centaines de sub-agents), /goal (travailler jusqu'à une condition de complétion), Auto mode (safety checks au lieu des prompts de permission), Artifacts (pages web partageables générées depuis une session — bêta Team/Enterprise). Démo : workflow complet Claude Code + Chrome DevTools MCP + sub-agents pour audit + reporting.

Après-midi (3 h 30) — Projet final : besoin → spécification → architecture (Skills + MCP + Sub-agents + Hooks) → implémentation guidée (CLAUDE.md projet + 1 skill custom + 1 serveur MCP + 2 sub-agents + hooks sécurité + observabilité). Production-ready : rate limit, retry/backoff, error handling, fallback. Déploiement, tests E2E, documentation (README, runbook incident). Présentation orale finale (15 min + 10 min Q/R) : architecture + démo live + métriques. Bilan personnel, plan de progression à 3 mois, remise des attestations.


Modalités pédagogiques et informations pratiques

Méthodes pédagogiques

  • Exposés interactifs (apports théoriques + démos)
  • Études de cas réels issus de la pratique du stagiaire
  • Ateliers individuels guidés par le formateur
  • Retour d'expérience entre pairs
  • Mise en application immédiate dans le contexte professionnel du stagiaire

Modalités d'évaluation et de suivi

  • Auto-positionnement initial : questionnaire avant J1
  • Évaluations formatives : 10 exercices guidés (2/jour)
  • Évaluation sommative : présentation orale du projet final J5
  • Grille d'évaluation : pertinence, autonomie, qualité technique, transférabilité
  • Évaluation à chaud : questionnaire de satisfaction Likert + commentaires
  • Évaluation à froid : entretien à 3 mois sur l'application
  • Délivrance d'une attestation de fin de formation conforme à l'art. L.6353-1 C. travail

Moyens d'encadrement

Formateur unique : François GUERLEZ, gérant et associé unique de Fransys, formateur expert Claude Code et IA générative pour les développeurs et les formateurs.

Accessibilité et adaptation aux personnes en situation de handicap

Fransys s'engage à étudier toute demande d'adaptation pédagogique liée à un handicap. Référent handicap : François GUERLEZ — francois.guerlez@fransys.io. En cas de besoin d'adaptation matérielle ou pédagogique, prendre contact dès la signature de la convention. Lorsqu'une adaptation n'est pas possible en interne, Fransys oriente le bénéficiaire vers un organisme partenaire compétent (réseau AGEFIPH, Cap Emploi, Ressource Handicap Formation).

Modalités et délais d'accès

ChampValeur
Procédure d'inscriptionDemande par email à francois.guerlez@fransys.io ou via le formulaire de cadrage
Délai minimal5 jours ouvrés entre la demande et le démarrage
Délai recommandé2 semaines pour permettre l'analyse des besoins et le cadrage pédagogique
Étapes1. Prise de contact · 2. Échange de cadrage · 3. Devis et programme adapté · 4. Convention de formation · 5. Démarrage
Conditions d'admissionAccord sur les prérequis, signature de la convention, règlement de l'acompte le cas échéant

Indicateurs de performance

Fransys est un nouvel organisme de formation (déclaration d'activité en cours d'instruction auprès de la DREETS Hauts-de-France). Les indicateurs publics de performance (taux de satisfaction, complétion, atteinte des objectifs, recommandation) seront calculés et publiés à l'issue des premières sessions clôturées. Démarche d'amélioration continue engagée dès la première formation.