Transformez le HTML créé par votre IA en lien en direct

Quand Claude crée une page, il l'affiche sous forme d'artefact à côté du chat. Ouvrez l'artefact et utilisez son option de copie ou de téléchargement pour récupérer le code, puis enregistrez-le dans un fichier qui se termine par .html (par exemple index.html). Vérifiez de quel type d'artefact il s'agit. Un artefact HTML est prêt à être importé tel quel. Un artefact React est un composant, pas une page, il ne tourne donc pas seul ; demandez à Claude de « le réécrire en un seul fichier HTML autonome, avec le CSS et le JavaScript intégrés et les bibliothèques chargées depuis un CDN » et enregistrez cette version. Glissez ensuite le .html dans l'outil d'import, connectez-vous et copiez votre lien. Si vous utilisez Claude Code plutôt que le chat, le fichier est déjà sur votre disque, et avec notre serveur MCP connecté, Claude peut le publier et vous donner le lien dans la même conversation.

ChatGPT et Gemini savent tous deux écrire et prévisualiser des pages web dans un panneau latéral. Le chemin le plus simple et le plus fiable est le même pour les deux : copiez le code complet, collez-le dans un éditeur de texte brut (Bloc-notes, TextEdit en mode texte, VS Code) et enregistrez-le sous index.html. Avant de copier, demandez à l'assistant de « tout mettre dans un seul fichier HTML », car les réponses séparent parfois le CSS et le JavaScript en blocs distincts, et un .html isolé ne peut pas charger les fichiers posés à côté de lui. Les images fonctionnent si elles pointent vers des adresses https:// complètes ou sont intégrées en data URI. Ouvrez une fois le fichier enregistré dans votre propre navigateur ; s'il s'affiche bien là, il s'affichera bien sur le lien. Importez-le, et la personne qui le reçoit voit la page fonctionnelle, sans compte ChatGPT ni Gemini pour la consulter.

Les générateurs d'applications comme Lovable et Bolt produisent un projet front-end complet, généralement React avec Vite, plutôt qu'un fichier HTML. Importer le code source ne fonctionne pas, car le navigateur a besoin de la sortie compilée. Récupérez d'abord le code : synchronisez le projet avec GitHub ou téléchargez-le, selon ce que propose votre outil. Ensuite, sur votre ordinateur, lancez npm install puis npm run build. Cela crée un dossier dist/ avec un index.html et le JavaScript et le CSS regroupés. Compressez ce dossier et publiez-le avec l'hébergement de sites web, qui nécessite Pro : nous trouvons l'index.html, servons chaque ressource avec le bon type et pouvons revenir à index.html pour les routes côté client, afin que les rechargements et les liens profonds fonctionnent. Si l'application parle depuis le navigateur à un backend hébergé comme Supabase, ces appels HTTPS continuent de fonctionner, à condition que ce service accepte les requêtes et les redirections de connexion depuis votre nouvelle adresse, ajoutez donc la nouvelle URL à sa liste d'adresses autorisées.

v0 génère le plus souvent des composants React pensés pour Next.js. Vous avez deux options honnêtes. Pour une maquette rapide ou une landing que l'on doit seulement regarder, demandez à v0 « un seul fichier HTML statique utilisant Tailwind depuis un CDN », enregistrez-le sous index.html et importez-le comme un lien normal. Pour une vraie application, téléchargez le code et lancez-le en local. Si l'application n'a pas de fonctions serveur, définissez output: 'export' dans next.config, lancez le build, et Next.js écrit un dossier statique out/ que vous pouvez compresser et publier en site web avec Pro. Si elle dépend de routes API, de server actions ou d'un rendu à chaque requête, il lui faut une plateforme qui exécute un serveur Node, et l'hébergement statique ne convient pas ; nous préférons vous le dire plutôt qu'accepter l'import.

Les agents de code écrivent de vrais fichiers, il n'y a donc rien à copier. Un seul report.html ou demo.html de votre projet se glisse tel quel dans l'outil d'import. Un projet avec une étape de build fonctionne comme Lovable : lancez le build et publiez le dossier de sortie en site web ZIP avec Pro. Le chemin le plus rapide reste notre serveur MCP. Ajoutez-le à Claude Code en une commande, ou à Cursor et VS Code via leur configuration MCP, avec une clé d'API tirée de votre tableau de bord. Demandez ensuite à l'agent de « créer un résumé d'une page de ces données en HTML et de le publier en lien », et il importe le fichier en passant par les mêmes contrôles que le site, puis répond avec l'URL. L'agent ne peut ni modifier les réglages des liens ni les supprimer ; ce contrôle reste le vôtre dans le tableau de bord.

Comptez les fichiers. Si tout tient dans un .html (styles dans une balise <style>, scripts dans une balise <script>, bibliothèques depuis un CDN), publiez-le comme un lien normal : cela fonctionne sur toutes les offres, jusqu'à 250 MB par fichier en gratuit et 500 MB en Pro, avec tous les réglages de lien, dont le code QR, les statistiques de vues, le mot de passe, la date d'expiration et votre propre domaine. Si la page a besoin d'autres fichiers à côté d'elle (une deuxième page, un dossier /assets, un bundle JavaScript), c'est un site web : compressez le dossier et publiez-le avec l'hébergement de sites web de Pro. Dans les deux cas, remplacer le fichier ou réimporter le ZIP conserve le même lien, donc quand l'IA vous donne une meilleure version la semaine suivante, personne n'a besoin d'une nouvelle URL.