Publicar una página HTML de Claude como un enlace activo y compartible

Conecta Claude a Strata

Claude necesita una conexión con tu cuenta de Strata antes de poder crear documentos allí. La conexión actúa como tú, así que Claude solo puede acceder a los documentos que tu cuenta puede abrir.

En claude.ai, abre Ajustes, luego Conectores, elige Añadir conector personalizado e introduce la URL del servidor MCP de Strata: https://api.strata.space/mcp. Los conectores personalizados están disponibles en planes de pago, y un conector de organización lo añade un Propietario. En cualquier otro cliente MCP, añade la misma URL y completa el inicio de sesión.

En Claude Code, instala el plugin de Strata con /plugin marketplace add strata-space/marketplace y después /plugin install strata@strata-space. El plugin registra el servidor MCP, y la primera vez que Claude usa una herramienta de Strata se abre una ventana del navegador para que inicies sesión.

Pide a Claude que cree la página como documento de Strata

En Strata, una página interactiva es un documento que contiene un bloque de código con la etiqueta html. El marcado, los estilos y el script del bloque se ejecutan como una vista previa en vivo dentro de un entorno aislado, así que Claude puede escribir toda la página como contenido normal del documento.

Pide a Claude que lea primero la guía de autoría interactive-html de Strata. Claude puede obtenerla con la herramienta find, y cubre las bibliotecas, las variables de tema y los límites que se describen a continuación.

Conoce lo que la página puede y no puede hacer

La vista previa está totalmente aislada. No tiene cookies ni almacenamiento, no accede a la página que la rodea y no admite URL externas. Los scripts y estilos solo se cargan desde las bibliotecas verificadas de Strata: mermaid, d3, three.js y un motor de Doom. Todo lo demás debe escribirse dentro del bloque.

Una página que carga un script desde una CDN, una fuente web o una API de terceros no funcionará tal cual. Dile a Claude desde el principio que la página debe ser autónoma. Un gráfico también puede leer datos con nombre del mismo documento, como un bloque JSON o CSV o una tabla, de modo que las cifras sigan siendo texto editable. La referencia de bloques HTML interactivos explica cómo.

Un prompt para probar

Lee primero con la herramienta find la guía de autoría interactive-html de Strata. Después crea un documento nuevo de Strata titulado "Calculadora de amortización" con una introducción de dos frases y un único bloque de código html que contenga toda la calculadora: campos para el importe del préstamo, el tipo de interés y el plazo, y un gráfico del saldo pendiente dibujado con d3 desde /sandbox/libs/d3.min.js. Mantén todo dentro de ese bloque, no cargues nada más de la red, usa las variables de tema de Strata y define juntos el color de fondo y el del texto. Avísame cuando esté listo y no lo publiques.

Revisa la página en Strata

Abre el documento nuevo en Strata. La página se ejecuta en el editor en cuanto Claude la escribe, y cada edición la vuelve a renderizar desde un estado limpio. Prueba los controles, reduce la ventana al ancho de un teléfono y mira la página en el tema claro y en el oscuro.

Los errores de script y las advertencias de la consola aparecen debajo de la vista previa; pégaselos a Claude para que los corrija.

Publícala en un enlace público

Al publicar se crea una edición pública en /@your-handle/your-slug que cualquiera con el enlace puede abrir sin una cuenta de Strata. La página aparece como un bloque dentro de una página de lectura, con el título y el texto del documento alrededor.

1. Abre el panel Publicar del documento. Si tu perfil público está oculto, el panel te lleva a los ajustes del perfil. Elige primero un identificador y haz público el perfil.
2. Elige el slug de la URL. No se puede cambiar después de la primera publicación, así que elige la dirección que quieras conservar.
3. En los ajustes de apariencia del panel Publicar, define Controles de los bloques. Oculto muestra a los lectores solo la página en ejecución. Visible permite a los lectores ver también el código, editarlo y volver a ejecutarlo. Usar el valor de la publicación sigue el ajuste de tu perfil. Los cambios de un lector se ejecutan solo en su propio navegador y no se guardan.
4. Elige Publicar en el perfil, luego abre la URL pública y prueba la página como lo haría un lector.

Deja que Claude la publique

Claude puede publicar el documento él mismo cuando tu cliente MCP activa el grupo de herramientas de publicación, que se solicita con el encabezado X-Strata-Tool-Groups y requiere acceso de escritura. En ese caso, Strata deriva la dirección del título del documento. Un conector que no puede enviar ese encabezado no recibe las herramientas de publicación, así que publica desde el panel Publicar. La referencia de MCP enumera los grupos de herramientas.

Actualiza la página y conserva el mismo enlace

Pide a Claude que cambie la página en el mismo documento, o edítala tú. Editar cambia primero el documento de trabajo. Quienes lean siguen viendo la edición anterior en la misma dirección hasta que elijas Publicar actualizaciones en el panel Publicar. Como el slug queda fijo tras la primera publicación, el enlace que compartiste no cambia.

Al publicar se captura el diseño de la página y los datos que lee, así que vuelve a publicar después de corregir una cifra. Para retirar la página, elige Cancelar publicación de este documento. La dirección pública deja de funcionar y el documento de trabajo se conserva.

Trabaja en ella con otras personas

El documento de trabajo es independiente de la página pública, así que puedes colaborar antes y después de publicar. Usa Compartir para invitar a personas como Lector, Comentador o Editor. Usa Comentarios para hablar de un pasaje, y Historial para inspeccionar una edición anterior, restaurar una versión completa o deshacer un solo cambio.

Compartir el documento no lo publica, y publicarlo no da a los lectores acceso al documento de trabajo.

En qué se diferencia de alojar un archivo

Un alojamiento estático sirve el archivo que subes. Es sencillo, y la página puede cargar todo lo que permita un navegador. En Strata la página es un documento. El enlace sigue igual mientras el código fuente sigue siendo algo que tú, tus colaboradores y los agentes pueden seguir editando, con comentarios e historial de versiones.

La contrapartida es el entorno aislado: sin acceso a la red y con una lista corta de bibliotecas. Además, los lectores ven la última edición publicada, no cada cambio al instante. Si la página depende de scripts externos o de API en vivo, un alojamiento estático es la mejor opción.