Publier une page HTML de Claude sous forme de lien actif et partageable

Connecter Claude à Strata

Claude a besoin d'une connexion à votre compte Strata avant de pouvoir y créer des documents. La connexion agit en votre nom, donc Claude n'atteint que les documents que votre compte peut ouvrir.

Dans claude.ai, ouvrez Paramètres, puis Connecteurs, choisissez Ajouter un connecteur personnalisé et saisissez l'URL du serveur MCP de Strata : https://api.strata.space/mcp. Les connecteurs personnalisés sont disponibles sur les offres payantes, et un connecteur d'organisation est ajouté par un propriétaire. Dans tout autre client MCP, ajoutez la même URL et terminez la connexion.

Dans Claude Code, installez le plugin Strata avec /plugin marketplace add strata-space/marketplace puis /plugin install strata@strata-space. Le plugin enregistre le serveur MCP, et la première fois que Claude utilise un outil Strata, une fenêtre de navigateur s'ouvre pour vous connecter.

Demander à Claude de créer la page comme document Strata

Dans Strata, une page interactive est un document qui contient un bloc de code balisé html. Le balisage, les styles et le script du bloc s'exécutent comme un aperçu en direct dans un environnement isolé, de sorte que Claude peut écrire toute la page comme un contenu de document ordinaire.

Demandez à Claude de lire d'abord le guide de rédaction interactive-html de Strata. Claude peut le récupérer avec l'outil find, et il couvre les bibliothèques, les variables de thème et les limites décrites ci-dessous.

Savoir ce que la page peut et ne peut pas faire

L'aperçu est entièrement isolé. Il n'a ni cookies ni stockage, aucun accès à la page environnante et aucune URL externe. Les scripts et les styles ne se chargent que depuis les bibliothèques validées de Strata : mermaid, d3, three.js et un moteur Doom. Tout le reste doit être écrit directement dans le bloc.

Une page qui charge un script depuis un CDN, une police web ou une API tierce ne fonctionnera pas telle quelle. Dites d'emblée à Claude que la page doit être autonome. Un graphique peut aussi lire des données nommées du même document, comme un bloc JSON ou CSV ou un tableau, de sorte que les chiffres restent du texte modifiable. La référence des blocs HTML interactifs explique comment.

Un prompt à essayer

Lis d'abord avec l'outil find le guide de rédaction interactive-html de Strata. Crée ensuite un nouveau document Strata intitulé "Simulateur de remboursement" avec une introduction de deux phrases et un seul bloc de code html qui contient tout le simulateur : des champs pour le montant du prêt, le taux et la durée, et un graphique du capital restant dû tracé avec d3 depuis /sandbox/libs/d3.min.js. Garde tout dans ce seul bloc, ne charge rien d'autre depuis le réseau, utilise les variables de thème de Strata et définis ensemble la couleur de fond et celle du texte. Préviens-moi quand c'est prêt et ne le publie pas.

Vérifier la page dans Strata

Ouvrez le nouveau document dans Strata. La page s'exécute dans l'éditeur dès que Claude l'écrit, et chaque modification la rend de nouveau depuis un état propre. Essayez les contrôles, réduisez la fenêtre à la largeur d'un téléphone et regardez la page en thème clair et en thème sombre.

Les erreurs de script et les avertissements de la console s'affichent sous l'aperçu ; recopiez-les à Claude pour qu'il les corrige.

La publier à un lien public

La publication crée une édition publique à l'adresse /@your-handle/your-slug que toute personne disposant du lien peut ouvrir sans compte Strata. La page apparaît comme un bloc dans une page de lecture, avec le titre et le texte du document autour.

1. Ouvrez le panneau Publier du document. Si votre profil public est masqué, le panneau renvoie vers les paramètres du profil. Choisissez d'abord un identifiant et rendez le profil public.
2. Choisissez le slug de l'URL. Il ne peut pas être modifié après la première publication, alors choisissez l'adresse que vous voulez garder.
3. Dans les paramètres d'apparence du panneau Publier, réglez Commandes des blocs. Masqué ne montre aux lecteurs que la page en cours d'exécution. Visible permet aussi aux lecteurs de voir le code, de le modifier et de le réexécuter. Utiliser les valeurs de la publication suit le réglage de votre profil. Les modifications d'un lecteur ne s'exécutent que dans son propre navigateur et ne sont pas enregistrées.
4. Choisissez Publier sur le profil, puis ouvrez l'URL publique et essayez la page comme le ferait un lecteur.

Laisser Claude la publier

Claude peut publier le document lui-même lorsque votre client MCP active le groupe d'outils de publication, demandé avec l'en-tête X-Strata-Tool-Groups et nécessitant un accès en écriture. Dans ce cas, Strata déduit l'adresse du titre du document. Un connecteur qui ne peut pas envoyer cet en-tête ne reçoit pas les outils de publication ; publiez alors depuis le panneau Publier. La référence MCP liste les groupes d'outils.

Mettre la page à jour en gardant le même lien

Demandez à Claude de modifier la page dans le même document, ou modifiez-la vous-même. Une modification change d'abord le document de travail. Les lecteurs continuent de voir l'édition précédente à la même adresse jusqu'à ce que vous choisissiez Publier les mises à jour dans le panneau Publier. Comme le slug est fixe après la première publication, le lien que vous avez partagé ne change pas.

La publication capture la conception de la page et les données qu'elle lit ; publiez donc de nouveau après avoir corrigé un chiffre. Pour retirer la page, choisissez Dépublier ce document. L'adresse publique cesse de fonctionner et le document de travail reste.

Travailler dessus avec d'autres personnes

Le document de travail est distinct de la page publique, vous pouvez donc collaborer avant et après la publication. Utilisez Partager pour inviter des personnes comme Lecteur, Commentateur ou Éditeur. Utilisez Commentaires pour discuter d'un passage, et Historique pour examiner une modification antérieure, restaurer une version entière ou annuler une seule modification.

Partager le document ne le publie pas, et le publier ne donne pas aux lecteurs accès au document de travail.

En quoi cela diffère de l'hébergement d'un fichier

Un hébergeur statique sert le fichier que vous téléversez. C'est simple, et la page peut charger tout ce qu'un navigateur autorise. Dans Strata, la page est un document. Le lien reste le même tandis que la source reste quelque chose que vous, vos collaborateurs et des agents pouvez continuer à modifier, avec commentaires et historique des versions.

La contrepartie est l'environnement isolé : pas d'accès au réseau et une courte liste de bibliothèques. Les lecteurs voient aussi la dernière édition publiée, pas chaque modification en temps réel. Si la page dépend de scripts externes ou d'API en direct, un hébergeur statique convient mieux.