Comment modifier un site web créé avec Claude

L'après-midi file quand tu attrapes un outil avant d'avoir compris ce que Claude vient de te tendre. L'un essaie d'ouvrir un projet entier comme si c'était une seule page. L'autre reprompte le chat pendant vingt minutes pour déplacer un titre qui l'attendait, sagement, dans un fichier téléchargeable depuis le début.

« Claude m'a fait un site » — une seule phrase pour trois situations qui n'ont rien à voir. Saute l'étape où tu identifies la tienne, et c'est cet après-midi-là que tu passeras à te battre avec un outil qui n'allait jamais marcher. Alors règle ça d'abord. Tout le reste en dépend.

laquelle des trois tu as, au juste

L'un parle du panneau apparu dans la conversation Claude — l'aperçu vivant qu'on fait défiler, qu'on rouvre. Ça, c'est un artifact. Ça vit dans le chat.

L'autre parle d'un fichier. Il a cliqué sur télécharger, et il y a maintenant un seul .html posé dans un dossier. Ouvre-le dans un navigateur : toute la page est là, styles compris, dans un fichier unique.

Le troisième a utilisé Claude Code et récupéré un projet — un dossier plein de fichiers, sans doute React ou Next, le genre de chose qu'un dev lance avec une étape de build. Ça, c'est une base de code, pas une page.

Ce que tu as	Où ça vit	Comment tu le modifies
Un artifact Claude	Dans le panneau du chat	Télécharge-le en HTML, puis modifie le fichier
Un seul fichier .html	Un fichier sur ton ordinateur	Ouvre-le dans un éditeur visuel
Un projet Claude Code	Un dossier plein de fichiers	Ouvre-le dans un éditeur de code / IDE

Et voilà le plus utile. Deux des trois se ramènent au même travail. Un artifact et un fichier téléchargé finissent, l'un comme l'autre, en un seul .html que tu peux ouvrir et retoucher à la main. Le troisième est d'une autre nature, et j'y reviens pour t'éviter d'y perdre du temps.

sortir l'artifact du chat

Si ton site est un artifact, tu n'as pas à demander à Claude de changer les choses en boucle. Tu peux l'extraire.

Si cet artifact est une page HTML — le genre que Claude affiche en aperçu web vivant — tu peux le télécharger directement depuis le chat en un seul fichier .html. (Tous les artifacts ne le sont pas. Claude produit aussi des composants React, des SVG, des diagrammes et d'autres bouts de code, et un « site » React se télécharge comme le code source de composants, pas comme une page prête à ouvrir — ce qui est en réalité le cas multi-fichiers que je garde pour la fin.) Une fois le HTML devenu un fichier sur ton ordinateur, le chat est hors circuit — la page est à toi, et tu la modifies comme n'importe quelle autre page web. C'est là que ça coince pour beaucoup. Ils restent dans la conversation à reprompter « mets le titre en bleu, non, plus foncé, non, décale-le à gauche », alors qu'ils auraient pu télécharger la chose et l'ajuster eux-mêmes en dix secondes.

Reprompter Claude pour une faute, c'est réenregistrer toute la chanson parce qu'une note a sonné faux. Parfois, oui, il faut retourner en studio. Le plus souvent, tu veux juste refaire la note.

ouvre-le et change ce que tu veux

Maintenant tu tiens un fichier .html — un artifact téléchargé, ou une page autonome remise par Claude Code, peu importe. Ouvre-le dans quelque chose qui te montre la page et le code ensemble.

J'ai construit HTML Tweak exactement pour ce relais. Tu ouvres ton fichier .html : la page s'affiche d'un côté, son code de l'autre, les deux tenus synchronisés. Clique un titre sur la page, et il surligne la ligne correspondante dans le code — c'est le « clic pour localiser ». Change le texte, remplace une couleur, répare un lien mort. Sous Chrome ou Edge, ça enregistre directement dans le même fichier. Dans les autres navigateurs, ça te remet plutôt une copie modifiée à télécharger.

Peur de casser la mise en page ? Il y a un mode texte seul qui verrouille la structure pour que tu ne touches qu'aux mots. Change la formulation, laisse le design exactement où Claude l'a mis. C'est le mode vers lequel j'oriente ceux qui ne codent pas.

Si tu veux la version générale — n'importe quel fichier HTML, pas seulement ceux de Claude — j'ai écrit un pas-à-pas tout simple pour modifier un fichier HTML. Et si tu préfères peser quelques éditeurs avant de choisir, j'ai comparé les gratuits, y compris là où ils battent mon propre outil.

quand c'est un projet Claude Code, ça n'aidera pas

Là, je dois être franc. Tout ce qui précède parle d'un seul fichier .html. Si Claude Code t'a monté un projet multi-fichiers — un dossier avec un package.json, un répertoire src, des composants répartis entre plusieurs fichiers, une étape de build — rien de tout ça ne s'applique.

HTML Tweak ouvre une page .html. Ce n'est ni un gestionnaire de projet ni un éditeur de code. Un projet React ou Next est une base de code, et une base de code réclame un vrai éditeur — VS Code, ou Claude Code lui-même, l'outil qui l'a construite. Vouloir ouvrir un projet entier comme un seul fichier ne marchera tout simplement pas, et j'aime autant te le dire maintenant que te laisser t'acharner dessus.

Comment trancher ? Regarde ce que tu as téléchargé. Un seul fichier finissant par .html, et tu es au bon endroit. Un dossier plein de fichiers, ou un .zip qui se déplie en dossier, et c'est un projet — direction un éditeur de code, pas ici.

le panneau du chat, puis un fichier sur ton disque

Pour un artifact ou une page mono-fichier, c'est court.

1. Si c'est un artifact, télécharge-le en fichier HTML depuis le chat.
2. Retrouve le fichier .html sur ton ordinateur.
3. Ouvre-le dans un éditeur visuel.
4. Modifie sur la page — texte, couleurs, liens — et sers-toi du clic pour localiser quand tu veux sauter au code.
5. Enregistre. Chrome et Edge réécrivent dans le même fichier ; les autres navigateurs téléchargent la copie modifiée.
6. Ouvre le fichier enregistré dans un navigateur pour vérifier. Terminé.

Pas de compte, pas de rebuild, pas de retour au chat.

celles qui coûtent une heure aux gens

Tu ajustes l'aperçu dans le chat, tu bascules sur le fichier que tu as téléchargé, et il a l'air intact — alors tu conclus que l'enregistrement n'a pas pris. Il a pris. L'artifact dans le chat et le .html sur ton disque sont deux copies distinctes, et modifier l'une n'atteint jamais l'autre. Une fois ce déclic passé, les autres pièges se contournent tout seuls.

Oublier dans quel navigateur tu es. Sous Firefox ou Safari, HTML Tweak ne peut pas réécrire dans ton fichier d'origine, alors il te donne une copie neuve à chaque enregistrement. Rien n'est perdu, mais tu dois suivre laquelle est la version à jour. Chrome et Edge enregistrent sur place — c'est pour ça que je pousse les gens vers eux pour ce travail.

Croire qu'un projet s'ouvre comme une page. C'est le gros. Si tu as un dossier plutôt qu'un seul .html, arrête-toi et ouvre-le dans un éditeur de code. Vérifie fichier-ou-dossier avant tout le reste.

Ne pas garder l'original. Avant de modifier, mets de côté une copie exacte de ce que Claude t'a donné. Si une retouche part de travers, tu veux la version intacte pour y revenir.

Artifact ou fichier ? Dans les deux cas, si ce que tu tiens est une seule page, c'est un changement de deux minutes, pas un reprompt. Ouvre-la dans HTML Tweak et modifie la page toi-même — la version dans le chat reste exactement là où elle est, et le fichier sur ton disque devient tranquillement le tien.