Claude Code convierte una idea en un prototipo clicable en una tarde: pantallas reales, enlaces reales, botones que llevan a algún sitio. Lo que se atasca es compartirlo, porque una carpeta en tu portátil no es un enlace que puedas mandar a un cliente, a una PM o a un participante de pruebas. Pide a Claude Code que «ponga este prototipo en línea» y ejecutará un comando que devuelve una dirección HTTPS publicada y un enlace para conservarla. Sin cuenta, sin Git y sin pipeline de build que montar antes.
Cómo funciona
- Construye el prototipo con Claude Code. Páginas HTML simples, o una pequeña app de React o Vite. Pide una página real por pantalla, para que cada pantalla tenga su propia dirección que se pueda abrir y guardar en marcadores.
- Pide a Claude Code que lo comparta. Ejecuta
npx -y lobsite --yesen la carpeta. Solo se suben los archivos compilados, y nada hace preguntas por el camino. - Envía el enlace. Claude te transmite la dirección y el enlace para reclamarlo. Abre ese enlace e inicia sesión para conservar el prototipo más de 6 horas; la dirección no cambia.
Pídelo como prototipo, no como maqueta
Unas líneas al principio de la sesión te ahorran una ronda de arreglos antes de compartir. Pega esto en Claude Code con tu encargo:
Build this as a static, clickable prototype:
- One HTML page per screen, linked with relative paths (about.html, not /about.html).
- Fake data in the page itself; no backend, no API keys, no login.
- Every button and link goes somewhere, even if it's a "not built yet" screen.
- Works on a phone as well as a laptop.
When it's done, share it with `npx -y lobsite --yes` and give me the link.
Las rutas relativas son lo más importante: permiten que los mismos archivos se abran desde tu portátil, desde una dirección de vista previa y, más adelante, desde tu propio dominio.
Un enlace por iteración
Los prototipos cambian tras cada revisión. Mantén funcionando el enlace que ya enviaste y pon la nueva versión al lado:
npx -y lobsite --yes --preview
Un deploy de vista previa tiene su propia dirección, mientras el enlace principal sigue mostrando la versión que se está revisando. Envía la vista previa a quien pidió el cambio. Cuando se acuerde, npx lobsite promote <id> la convierte en la versión principal, y un rollback la revierte en un paso si los comentarios van en otra dirección. En una cuenta gratuita, los deploys de los últimos 7 días conservan sus direcciones de vista previa (30 días con Standard), así que «v2» y «v3» siguen ahí para compararlas en la siguiente revisión.
Quién puede verlo
- Sin cuenta, los buscadores no indexan el prototipo, y se elimina a las 6 horas si no lo reclamas.
- Las direcciones de vista previa nunca se indexan, en ningún plan.
- Con Standard, añade una contraseña en los ajustes del sitio. Todas las direcciones del sitio la piden, incluidas las vistas previas y el dominio propio. Quien revisa la escribe una vez por navegador, y cambiarla cierra la sesión de todos. La contraseña vive en el panel, no en el proyecto, así que nunca acaba en un repositorio.
Eso suele ser lo que significa «¿podemos dejar esto entre nosotros y el cliente?». Lo que sea realmente confidencial, no lo pongas en un prototipo.
Probarlo con usuarios
Un prototipo alojado es una URL, y eso es todo lo que necesitan la mayoría de las herramientas de pruebas. Pega la dirección en Maze, Lyssna o UserTesting como tarea de sitio web, o envíala directamente a los participantes. Cada pantalla tiene su propia ruta, así que una tarea puede empezar en /checkout.html y el éxito puede ser «llegó a /thanks.html».
¿Necesitas respuestas del propio prototipo, como una pantalla de registro o una encuesta? Apunta el formulario a /_lobsite/forms/feedback y, cuando el prototipo esté en una cuenta, los envíos llegan por correo con filtro de spam. Consulta formularios.
Un deploy sin cuenta está publicado 6 horas. El enlace para reclamarlo lo conserva, gratis.
Previsualiza antes de publicar. Vuelve atrás con un clic, redirecciones incluidas.
Con Standard, todas las direcciones del sitio piden contraseña. Los revisores la escriben una vez por navegador.
Sin preguntas bajo un agente, y una línea Tell the user: con la URL y el enlace para reclamarlo.
Apunta un formulario a /_lobsite/forms/contact. Filtro de spam incluido.
También en cuentas gratuitas: añade un registro DNS y el sitio pasa a tu dominio. Todos los sitios tienen HTTPS en cualquier plan.
Prototipos de Claude Code: Lobsite y las formas habituales de compartir
| Lobsite | Enlace para compartir un artifact de Claude | Netlify Drop | GitHub Pages | |
|---|---|---|---|---|
| Quién sube | Claude Code, con un comando | Tú, desde claude.ai | Tú, arrastrando una carpeta | Claude Code, con commit y push |
| Cuenta para empezar | Ninguna durante 6 horas | Cuenta de Claude | Ninguna durante una hora más o menos | Cuenta de GitHub y repositorio |
| Varias páginas y builds de React | Sí, la carpeta entera | Una página por artifact | Sí | Sí, con un workflow para el build |
| Un enlace por iteración | --preview, con promote y rollback |
Un artifact nuevo cada vez | Un sitio nuevo, o un deploy nuevo cada vez | No viene incluido |
| Contraseña | Sí, con Standard | Solo reglas de uso compartido del equipo | En los planes de pago de Netlify | No |
Un enlace de artifact de Claude sirve para una pantalla. Cuando el prototipo es una carpeta de páginas que Claude Code escribió en tu proyecto, un hosting que acepta la carpeta tal cual te ahorra copiar y pegar.
Preguntas frecuentes
¿Puedo alojar gratis un prototipo de Claude Code?
Sí. Sin cuenta está publicado 6 horas. Reclámalo con el enlace que te da Claude y se queda en una cuenta gratuita, en la misma dirección.
Los enlaces de mi prototipo funcionan en local pero se rompen en línea. ¿Por qué?
Normalmente por rutas absolutas: /about.html apunta a la raíz del dominio, que no es la misma en tu portátil que en una dirección alojada. Pide a Claude Code que use enlaces relativos (about.html, ./img/logo.png) y vuelve a desplegar. Solo se suben los archivos cambiados.
¿Funciona un prototipo de React con rutas?
Sí. Activa el modo de una sola página con spa = true en lobsite.toml, o Aplicación de una sola página en los ajustes del sitio, para que los enlaces a /settings o /orders/42 abran la app en lugar de un 404.
¿Puedo poner el prototipo de un cliente en su propio dominio?
Sí. Las cuentas gratuitas incluyen un dominio propio: añade un registro DNS y el prototipo se muda ahí, con HTTPS.
¿Puede Claude Code actualizar el prototipo tras una revisión?
Sí. lobsite.toml recuerda el sitio, así que el mismo comando desde cualquier sesión actualiza la misma dirección. Añade una línea a CLAUDE.md para que todas las sesiones lo hagan igual; consulta Desplegar un sitio web desde Claude Code.