Can I run a Claude artifact outside Claude?

Yes. An artifact is just a single self-contained HTML file, so once you copy its code into a .html file — or press the artifact's Download button — it runs in any browser on your computer with no Claude tab, account, or server involved.

Why does my saved file open as plain text instead of the app?

The extension almost certainly still ends in .txt. Notepad's Save As dialog defaults to Text Documents, and browsers refuse to render a .txt file as a page. Save the file again with a name that ends in .html, exactly as in step 8, and it will run.

Is downloading an artifact different from publishing it?

Yes. Downloading hands you the .html file so you can run and edit it on your own machine — nothing leaves your computer. Publishing shares a hosted link that still depends on Claude's infrastructure. The local route in this guide gives you full ownership of the file.

What about React artifacts — can those run locally too?

Yes, but they need a project rather than one file. Matt Palmer's workflow: scaffold a project with npm create vite, install Tailwind and shadcn/ui (Claude favors shadcn, so imports like @/components/ui resolve once you add the same components), paste the artifact code into App.jsx, and run npm run dev — Vite's hot reload then shows every edit instantly.

Does the exported file still work without an internet connection?

The file itself runs in your browser, so self-contained artifacts such as canvas games keep working offline. What you lose without a connection is the chat half: asking Claude for changes requires claude.ai, and artifacts that call external APIs obviously still need the network for those calls.

Claude Artifacts · guide d'exécution locale

Exécuter les artefacts Claude en local : la route HTML sans installation (2026)

Chaque artefact Claude est un fichier HTML autonome. Ce guide couvre tout le flux d'export — copier le code, l'enregistrer en .html, double-cliquer, et l'application tourne dans votre propre navigateur — ainsi que le raccourci de téléchargement intégré et la route Vite pour les artefacts React.

Voir les 12 étapes Exécuter des artefacts React en ligne

L'essentiel en bref

Un artefact Claude se présente sous forme d'un fichier HTML unique : le chat à gauche, le panneau de code complet à droite — tout ce qu'il faut pour l'exécuter hors de Claude est déjà à l'écran.
Voie copier : sélectionnez tout le code, collez-le dans un nouveau fichier texte, enregistrez-le avec l'extension .html puis double-cliquez — l'artefact s'ouvre dans votre navigateur par défaut.
Voie téléchargement : la carte d'artefact de Claude embarque un bouton Download qui enregistre le .html directement dans votre dossier de téléchargements, sans même copier-coller.
Attention à l'extension : le Bloc-notes enregistre par défaut en .txt, et un navigateur ne rendra jamais un .txt comme une page. « Enregistrer en .html » est l'étape qui met vraiment l'artefact en marche.

Make an HTML File from a Claude.ai Game File

Chaîne:Karl Kapp1:53

Voir sur YouTube

Ce guide retranscrit le flux de travail démontré dans la vidéo sous forme d'un texte pas-à-pas original ; les captures d'écran proviennent de cet enregistrement, chacune liée à l'instant exact de sa prise.

La route Vite + React + shadcn/ui décrite dans la FAQ provient de « Editing Claude Artifacts locally with Vite, React, and Shadcn/ui » de Matt Palmer — créditée comme seconde source.

Exécuter votre artefact hors de Claude, étape par étape

1
Ouvrez le panneau de code de l'artefact
Dans Claude, ouvrez la conversation qui contient votre artefact et dépliez le panneau de code pour afficher le chat et la source côte à côte. Vous cherchez un unique document HTML continu — styles et scripts compris — car ce fichier unique constitue toute l'application.
Le chat à gauche, la source HTML de l'artefact à droite — ce seul fichier est toute l'application.Voir à 0:02
2
Repérez le bouton Copy du panneau de code
L'en-tête du panneau affiche le nom de l'artefact avec une étiquette HTML à côté du bouton Copy. Un clic copie l'intégralité de la version courante du code — aucune sélection manuelle nécessaire.
Un clic sur Copy saisit toute la révision courante de l'artefact.Voir à 0:08
3
Testez l'artefact avant l'export
Passez à l'aperçu et utilisez vraiment l'application — ici un mini-jeu de collecte de points avec cercles ennemis, compteur de score et questions qui surgissent. Vérifiez que la révision courante se comporte comme vous le souhaitez : ce qui tourne dans l'aperçu, c'est ce que vous allez exporter.
L'aperçu exécute exactement la révision que vous allez copier — testez-la d'abord ici.Voir à 0:20
4
Copiez toute la source HTML
Faites défiler le panneau depuis le DOCTYPE d'ouverture jusqu'à la balise script finale pour vérifier que rien ne manque, puis copiez l'ensemble. Si le résultat ne s'exécute pas après collage, une copie incomplète est le premier suspect.
Du DOCTYPE à la dernière balise script — la copie doit être complète.Voir à 0:30
5
Créez un nouveau document texte sur le bureau
Sous Windows, faites un clic droit sur une zone vide du bureau, choisissez Nouveau puis Document texte. Vous obtenez un fichier vierge prêt à recevoir le code — aucune installation d'éditeur requise, le Bloc-notes suffit.
Clic droit sur le bureau, Nouveau, Document texte — cette route n'exige que le Bloc-notes.Voir à 0:47
6
Ouvrez le fichier vierge dans le Bloc-notes
Double-cliquez sur le nouveau document : le Bloc-notes l'ouvre avec le curseur en ligne 1, colonne 1 d'un fichier vide. Gardez l'onglet Claude derrière — vous allez faire des allers-retours pendant une minute.
Un Bloc-notes vide en ligne 1, colonne 1, avec Claude en attente derrière.Voir à 0:55
7
Collez le code de l'artefact dans le fichier
Collez tout ce que vous avez copié. Le fichier se remplit instantanément de HTML et de JavaScript — ici les fonctions de dessin du jeu canvas et sa boucle principale. Si le collage semble tronqué, revenez à l'étape 4 et recopiez.
L'artefact entier tient désormais dans un simple fichier texte sur votre machine.Voir à 0:57
8
Enregistrez avec l'extension .html
Ouvrez Fichier, Enregistrer sous, et donnez au fichier un vrai nom terminé par .html. Le type affiché reste Document texte — peu importe ; ce qui compte, c'est le .html que vous tapez dans le nom, car les navigateurs ne rendent que les pages qu'ils reconnaissent comme HTML.
Le nom saisi décide de tout : game.html s'exécute, game.txt non.Voir à 1:01
9
Répondez non à l'avertissement de remplacement
Si Windows prévient que le fichier existe déjà, choisissez Non et prenez un nom neuf — dans la vidéo, game.html avait déjà été enregistré, donc le second export devient game2.html. Des noms distincts gardent chaque version de l'artefact sur le disque au lieu de les écraser.
Non au remplacement, nouveau nom : game2.html préserve l'export précédent.Voir à 1:07
10
Double-cliquez le fichier et jouez
Repérez le fichier enregistré sur votre bureau et double-cliquez. Il s'ouvre dans votre navigateur par défaut via une adresse file:/// sur votre propre machine — l'écran de démarrage, le score et les cercles ennemis fonctionnent exactement comme dans Claude, sans serveur ni onglet claude.ai.
file:///...Desktop/game2.html — l'artefact tourne désormais entièrement sur votre machine.Voir à 1:32
11
Raccourci : le bouton Download intégré de Claude
La copie manuelle n'est pas la seule voie. Claude affiche aussi un bouton Download sous la carte d'artefact — parfois accompagné d'un second fichier comme un guide de montage, plus une option Download all. Un clic et le .html atterrit directement dans vos téléchargements, sans Bloc-notes.
Le bouton Download de la carte d'artefact enregistre le .html directement — pas besoin de copier-coller.Voir à 1:44
12
Vérifiez ce qui est arrivé dans vos téléchargements
La liste de téléchargements du navigateur confirme les fichiers exportés — ici DKapp_Game_Revised.html d'environ 20 Ko. Double-cliquez sur l'un d'eux pour l'exécuter en local comme à l'étape 10, ou ouvrez-le dans un éditeur de texte pour lire la source.
Un .html de 20 Ko dans la liste des téléchargements — tout l'artefact, prêt à tourner hors ligne.Voir à 1:50