Claude Code Artifacts : guide de la session partageable

Claude Code Artifacts est une fonctionnalité lancée le 18 juin 2026 qui transforme la sortie d’une session Claude Code en page web interactive et « live », publiée sur une URL privée et partageable au sein de votre organisation. Au lieu de lire des centaines de lignes de terminal, vous ouvrez un navigateur qui se met à jour en temps réel pendant que l’agent travaille.

J’ai testé la fonctionnalité dès sa sortie sur un plan Team, sur trois usages concrets : un walkthrough de pull request, un dashboard d’échecs de déploiement et une checklist de release. Voici le guide complet, avec l’activation, le partage, le versionnage et les limites à connaître avant de l’intégrer à votre flux d’équipe.

Un Artifact agrège dépôt, session et données MCP en une page partageable : bien plus riche qu’une sortie terminal.

Ce qu’est concrètement un Artifact Claude Code

Un Artifact Claude Code est une page web autonome, publiée depuis une session terminal vers une URL privée sur claude.ai. Elle s’ouvre dans n’importe quel navigateur et se rafraîchit en place quand l’agent modifie son contenu. Les coéquipiers ayant la page ouverte voient les changements immédiatement, sans rechargement manuel.

La différence clé avec une simple sortie de terminal tient au contexte. Claude construit la page à partir de tout ce que la session peut atteindre : votre base de code, l’historique de conversation et les données récupérées via vos connecteurs MCP. La page peut donc montrer en un coup d’œil ce qui prendrait plusieurs paragraphes à décrire.

Techniquement, chaque Artifact est une page HTML unique. Claude écrit le contenu dans un fichier .html, .htm ou .md de votre projet, puis le publie. Avant la première publication, l’agent demande l’autorisation avec un message du type « Claude wants to publish “Deploy failures by service” (deploy-failures.html) to a private page on claude.ai ». Une republication d’un artifact déjà approuvé ne redemande pas confirmation.

Ce qu’un Artifact n’est pas

Un point important à ne pas négliger : un Artifact est une capture de travail, pas une application. C’est une page statique unique, sans backend, servie sous une Content Security Policy stricte. Elle ne peut donc pas :

• stocker une saisie de formulaire,
• authentifier des viewers par elle-même,
• appeler une API ou ouvrir un WebSocket au moment de l’affichage,
• servir plusieurs routes (les liens relatifs ne se résolvent pas).

Pour un outil interne réel avec backend, il faut le déployer sur votre propre infrastructure. L’Artifact reste un instantané interactif, pas un service hébergé.

Seuls les Artifacts Claude Code naissent d’une session terminal, se partagent en org-only et conservent un historique complet.

Artifacts Claude Code vs Artifacts claude.ai vs Live Artifacts

La confusion est fréquente car Anthropic emploie le mot « Artifacts » dans trois contextes distincts. Voici la distinction nette, car elle conditionne ce que vous pouvez en attendre.

Les Artifacts classiques de claude.ai, introduits en 2024, sont des blocs de contenu (code, document, page) générés dans une conversation et attachés à elle. Les Live Artifacts d’avril 2026 ont ajouté l’interactivité dynamique dans le chat. Les Artifacts Claude Code franchissent une étape de plus : ils sortent du chat, s’appuient sur le contexte complet de votre dépôt et deviennent un livrable partageable et gouverné à l’échelle de l’organisation.

Si vous débutez avec l’outil terminal lui-même, notre guide complet de Claude Code couvre l’installation et les commandes de base avant d’aller plus loin.

Comment activer Claude Code Artifacts

L’activation dépend de votre plan. Sur Team, les Artifacts sont actifs par défaut. Sur Enterprise, un administrateur doit les activer manuellement. La voie officielle passe par les paramètres admin de claude.ai.

Les 5 conditions à réunir : si une seule manque, Claude écrit un fichier HTML local au lieu de publier.

Étape 1 : Vérifier les prérequis

Les Artifacts exigent que chaque condition ci-dessous soit remplie. Quand l’une manque, Claude écrit un fichier HTML local ou indique qu’il ne peut pas publier.

Une session utilisant une clé API, un token de passerelle ou une identité cloud-provider ne peut pas publier d’Artifact. La connexion /login à claude.ai est obligatoire.

Étape 2 : Activer le toggle au niveau organisation

Un administrateur active la fonctionnalité pour toute l’organisation via Settings > Claude Code > Capabilities puis le toggle Artifacts, dans les paramètres admin de claude.ai. Sur Enterprise avec contrôle d’accès basé sur les rôles, vous pouvez restreindre les Artifacts à certains rôles : Settings > Roles, éditez un rôle, et activez la permission Artifacts sous le groupe Claude Code.

Étape 3 : Désactiver pour votre session si besoin

À l’inverse, pour couper les Artifacts dans vos propres sessions indépendamment du réglage de l’organisation, trois méthodes existent :

• Fichier de settings : "disableArtifact": true
• Variable d’environnement : CLAUDE_CODE_DISABLE_ARTIFACT=1
• Règle de permission : ajouter Artifact à permissions.deny

Créer, partager et versionner un Artifact

La création est volontairement simple : nommez la fonctionnalité ou décrivez la sortie visuelle souhaitée en langage naturel. Claude peut aussi publier de lui-même quand la sortie s’y prête.

Créer un Artifact

Un bon candidat est tout ce qui est plus simple à voir qu’à lire : un diff annoté, un graphique, un ensemble d’options à comparer. Voici deux exemples de prompts tirés de la documentation officielle :

Make an artifact that walks through this PR with the diff annotated inline.

Build a dashboard artifact of last week's deploy failures by service and keep it updated as you investigate.

Sélectionnez Yes pour publier. Claude imprime l’URL, votre navigateur ouvre la page, et l’agent choisit un titre et un émoji pour l’icône d’onglet. Vous pouvez rouvrir le dernier artifact depuis le terminal avec Ctrl+]. Pour empêcher l’ouverture automatique du navigateur, définissez CLAUDE_CODE_ARTIFACT_AUTO_OPEN=0.

Partager dans la limite de l’organisation

Un nouvel Artifact n’est visible que par vous. Depuis le contrôle Share dans l’en-tête de page, vous accordez l’accès à des personnes précises de votre organisation, ou à tout le monde. L’en-tête vous nomme comme auteur et renvoie vers votre galerie sur claude.ai/code/artifacts, qui liste tous vos artifacts.

Le partage s’arrête à votre organisation. Les viewers consultent chaque version publiée mais ne peuvent pas modifier la page : vous restez le seul rédacteur. Pour transmettre le contenu à l’extérieur, demandez à Claude le fichier HTML et partagez-le directement.

Versionner et mettre à jour

Chaque publication devient une version, conservée dans un historique complet. Depuis le contrôle Share, vous choisissez quelle version les viewers voient, et vous pouvez restaurer une version antérieure. Pour mettre à jour un artifact depuis une autre session, donnez son URL à Claude :

Update https://claude.ai/code/artifact/5fbea6f3-... with today's numbers.

Sans l’URL, une nouvelle session crée toujours un nouvel artifact au lieu de mettre à jour l’existant.

Cinq cas d’usage concrets en équipe

L’intérêt réel apparaît sur des sorties où le terminal est le mauvais médium. Voici les patterns qui reviennent le plus souvent, d’après la documentation et mes propres tests.

1. Walkthrough de pull request : une page qui rend le diff avec des annotations en marge, codées en couleur par sévérité. Le reviewer lit votre raisonnement à côté du code plutôt que de le reconstruire.
2. Dashboard filtrable : un tableau de bord des échecs de déploiement par service, qui se met à jour pendant que l’agent investigue.
3. Comparaison d’alternatives : plusieurs variantes (layouts, formes d’API, plans d’implémentation) sur une même page, en grille, avec un compromis d’une ligne sous chacune.
4. Contrôles interactifs : des sliders ou toggles liés à un paramètre que vous ajustez — par exemple une courbe d’easing animée en direct.
5. Checklist de release qui se remplit seule : un plan de migration transformé en checklist où l’agent coche les éléments au fil de leur réalisation et note ceux qu’il saute.

Ce dernier pattern rejoint la logique d’automatisation que nous détaillons dans notre guide des Routines Claude Code : sur une tâche longue, l’Artifact devient un panneau de suivi vivant que toute l’équipe consulte sans lire le terminal.

Aligner le design sur votre marque

Claude applique un design skill intégré : palette, typographie et mise en page cohérentes sans prompt supplémentaire. Ce skill cherche d’abord un design system existant dans votre projet avant de choisir le sien. Pour garder vos Artifacts alignés sur votre produit, déclarez vos tokens de design là où Claude les trouvera, par exemple dans le CLAUDE.md du projet :

## Design system
- Colors: primary #1a4d8f, accent #f59e0b, surface #f8fafc
- Typography: Inter for body, JetBrains Mono for code
- Spacing: 8px scale, 6px border radius

Claude traite votre design system comme prioritaire sur ses propres choix, et votre prompt comme prioritaire sur les deux. Cette logique prolonge le repositionnement de Claude Design vers le workspace entreprise gouverné, où la cohérence de marque devient un enjeu central.

Gouvernance, sécurité et coûts en tokens

Pour les équipes Enterprise, la dimension gouvernance est aussi importante que la fonctionnalité elle-même. Le contenu des Artifacts est stocké sur l’infrastructure d’Anthropic et visible uniquement par les membres authentifiés de l’organisation émettrice.

Les administrateurs disposent de plusieurs leviers de contrôle :

• Rétention : via Settings > Data & privacy controls, avec des durées distinctes pour les artifacts privés et partagés.
• Journal d’audit : publication, partage et suppression apparaissent sous les types d’événements claude_artifact_*.
• Compliance API : trois endpoints permettent de lister, récupérer une version, et supprimer un artifact à l’échelle de l’organisation.
• Allowlist : le viewer charge chaque page depuis une origine sandboxée *.claudeusercontent.com, à autoriser si votre réseau restreint le trafic sortant.

Côté coûts, un point souvent négligé : générer un Artifact consomme des tokens de sortie comme toute réponse, et une page stylée est plus gourmande que le même contenu en texte de terminal. Les images embarquées en data URI sont les principales coupables. Pour réduire le coût, la documentation recommande de préférer le SVG ou le HTML/CSS aux images raster, d’omettre l’interactivité inutile, et de faire résumer les gros jeux de données plutôt que de les inliner. La page rendue doit par ailleurs rester sous 16 Mio.

Mon verdict

Mon verdict : Claude Code Artifacts comble un vrai manque pour les équipes qui travaillent en agent. Sur mes trois tests, c’est le passage d’un mur de texte terminal à une page partageable et versionnée qui change le plus la façon de communiquer un état d’avancement, surtout pour les walkthroughs de PR et les checklists de release qui se remplissent seules. La contrainte « pas de backend » est claire et bien posée : vous savez dès le départ que vous publiez une capture, pas une application.

Les limites principales sont l’accès restreint aux plans Team et Enterprise, l’incompatibilité avec Bedrock, Vertex AI et Foundry, et le statut bêta. Si vous êtes sur Pro ou Free, la fonctionnalité reste hors de portée pour l’instant — auquel cas notre comparatif des abonnements Claude vous aidera à situer où elle se débloque. Pour une équipe déjà sur Team, en revanche, l’activation est immédiate et l’essai vaut clairement les quelques minutes de configuration.