PreviewShip MCP Server

Permite que Claude Code, Cursor, Windsurf y otros agentes MCP desplieguen builds de frontend, HTML y Markdown en URLs públicas de PreviewShip.

GitHub

Prueba este MCPPatrocinado

Documentación

Servidor MCP de PreviewShip

Permite que los agentes de codificación de IA publiquen HTML en línea, alojen artefactos HTML de Claude/ChatGPT, desplieguen la salida de compilación de React/Vue/Vite/Next y devuelvan URLs de vista previa fijas de PreviewShip a través de MCP.

PreviewShip MCP ofrece a Claude Code, Cursor, Windsurf, flujos de trabajo compatibles con Codex y cualquier cliente compatible con MCP una forma nativa de publicar artefactos frontend listos para el navegador. Los agentes pueden desplegar una compilación estática de React/Vue/Vite/Next, subir HTML, publicar Markdown o PDF, compartir HTML generado por IA o devolver un enlace de revisión de QA/cliente sin pedir al usuario que abra un panel de hosting.

Para una prueba gratuita en el navegador sin registro, usa https://previewship.com/try para publicar primero una vista previa temporal de 24 horas de una compilación frontend, HTML, Markdown o PDF. MCP es el flujo de trabajo autenticado para agentes una vez que tienes una clave API de PreviewShip.

Qué Hace Este Servidor MCP

Tarea	Comportamiento de PreviewShip MCP
Desplegar salida de compilación frontend	Sube `dist`, `build`, `out`, `public` u otra carpeta estática con `index.html`
Publicar un archivo HTML	Empaqueta `.html` como la página de entrada de la vista previa
Publicar Markdown	Renderiza `.md` / `.markdown` a través de una página de visor generada
Publicar PDF	Abre un único `.pdf` a pantalla completa a través del visor nativo del navegador
Soporte para flujos de trabajo de agentes de IA	Devuelve el estado del despliegue y la URL de PreviewShip a través de la salida estructurada de la herramienta
Mantener enlaces de revisión estables	Usa URLs de vista previa de proyecto fijas que apuntan al último despliegue

PreviewShip aloja salida estática. No ejecuta npm install, instala dependencias ni compila carpetas de código fuente después de la subida. Para proyectos de React, Vue, Vite, Next, Astro, Svelte, Angular o Nuxt, pide al agente que ejecute la compilación primero y despliegue la salida estática generada.

Guías

Usa estos enlaces al listar PreviewShip MCP en directorios de MCP, directorios de herramientas de agentes, archivos README, artículos o respuestas de la comunidad:

Configuración

Claude Code

Añade a ~/.claude/settings.json:

{
  "mcpServers": {
    "previewship": {
      "command": "npx",
      "args": ["-y", "previewship-mcp"],
      "env": {
        "PREVIEWSHIP_API_KEY": "ps_live_your_key_here"
      }
    }
  }
}

Cursor

Crea .cursor/mcp.json en la raíz de tu proyecto:

{
  "mcpServers": {
    "previewship": {
      "command": "npx",
      "args": ["-y", "previewship-mcp"],
      "env": {
        "PREVIEWSHIP_API_KEY": "ps_live_your_key_here"
      }
    }
  }
}

Windsurf

Añade a ~/.codeium/windsurf/mcp_config.json:

{
  "mcpServers": {
    "previewship": {
      "command": "npx",
      "args": ["-y", "previewship-mcp"],
      "env": {
        "PREVIEWSHIP_API_KEY": "ps_live_your_key_here"
      }
    }
  }
}

Obtener una Clave API

Visita Consola de PreviewShip
Crea una cuenta y ve a Claves API
Genera una nueva clave (ps_live_...)

Herramientas Disponibles

`deploy_preview`

Despliega la salida de compilación de un sitio web estático, un único HTML, Markdown o documento PDF a un entorno de vista previa de PreviewShip.

Parámetros:

path (opcional) — Directorio, archivo único .html, archivo Markdown o documento PDF a desplegar. Por defecto, el directorio de trabajo actual.
projectName (opcional) — Nombre de proyecto para mostrar. Por defecto, el nombre del directorio. PreviewShip crea automáticamente un slug de hosting seguro para el despliegue.
excludePatterns (opcional) — Patrones glob adicionales a excluir.
visibility (opcional) — PUBLIC o PASSWORD, aplicado antes de que el despliegue esté disponible. Los proyectos nuevos son públicos por defecto; los proyectos existentes mantienen su acceso actual si se omite.
password (opcional) — Requerido con visibility: "PASSWORD"; de 6 a 100 caracteres. No repitas la contraseña en la salida posterior.

Importante: cuando path es un directorio, debe ser un artefacto de compilación estática como dist, build, out, public u otra carpeta que contenga index.html y activos del navegador. Pide al agente que ejecute la compilación del framework primero. No despliegues un zip/carpeta de código fuente sin procesar con package.json, src/ y node_modules a menos que ya sea salida estática.

Ejemplo de uso en conversación:

"Despliega este proyecto a una vista previa" "Despliega la carpeta dist" "Compila la aplicación React y luego despliega la carpeta dist generada" "Compila la aplicación Vue/Vite y despliega la salida lista para el navegador" "Despliega report.html y comparte el enlace de vista previa" "Despliega README.md y comparte el enlace de vista previa" "Publica report.pdf y devuelve la URL de vista previa" "Publica este HTML de ChatGPT como una URL de sitio web" "Aloja page.html en línea y devuelve la URL" "Despliega la carpeta dist con acceso por contraseña y no repitas la contraseña" "Ayúdame a desplegar y compartir un enlace de vista previa"

Entradas Soportadas

Entrada	Soportada	Instrucción para el agente
Salida de compilación de React/Vue/Vite/Svelte/Astro	Sí	Ejecuta la compilación y luego llama a `deploy_preview` en `dist`/`build`/`out`/`public`
Exportación estática de Next.js	Sí	Despliega la carpeta estática exportada
Archivo único `.html`	Sí	Llama a `deploy_preview` con la ruta del archivo
Archivo Markdown `.md` / `.markdown`	Sí	Llama a `deploy_preview` con la ruta del archivo
Archivo PDF `.pdf`	Sí	Llama a `deploy_preview`; la URL devuelta abre el visor nativo a pantalla completa
Carpeta de código fuente sin procesar con `package.json` y `src/`	No	Compila primero y despliega la salida
`node_modules`	No	No subas carpetas de dependencias

Guías de Publicación

`check_deployment`

Comprueba el estado del despliegue.

Parámetros:

deploymentId (requerido) — ID de despliegue de deploy_preview.

`show_usage`

Muestra la cuota de despliegue restante.

`list_projects`

Lista los proyectos de PreviewShip propiedad del usuario de la clave API, incluyendo URLs de vista previa fijas, modo de acceso, estado actual y disponibilidad de redespliegue.

`get_project`

Obtiene un proyecto por projectId.

`delete_project`

Elimina un proyecto, su URL de vista previa fija, el proyecto alojado y la entrada de Showcase. Esta herramienta requiere que confirmProjectName coincida exactamente con el nombre del proyecto antes de la eliminación.

`redeploy_project_latest`

Redespliega un proyecto desde su último artefacto retenido sin volver a subir archivos. Útil para restaurar un enlace de vista previa fija caducado.

`get_project_access`

Muestra si un proyecto es público o está protegido por contraseña.

`set_project_access`

Establece el acceso del proyecto a PUBLIC o PASSWORD. PUBLIC borra una contraseña de proyecto existente y hace que la URL de vista previa fija sea públicamente accesible de nuevo. PASSWORD requiere una contraseña y es una capacidad Pro.

`list_project_versions`

Lista las versiones de proyecto retenidas que se pueden usar para la reversión, con paginación de page y size. Las cuentas Free y Pro siguen los límites de historial del plan; las cuentas internas pueden recorrer todo el historial.

`rollback_project_version`

Pone en cola un nuevo despliegue desde una versión histórica retenida. El registro fuente permanece sin cambios. Esta herramienta requiere que confirmProjectName coincida exactamente con el nombre del proyecto; consulta el ID de despliegue devuelto hasta que esté listo.

`list_deployments`

Lista el historial de despliegues con estado, URL de vista previa, fuente, marcador actual y disponibilidad de reversión.

Listados de Directorios

Usa estos metadatos al enviar a Glama, Smithery, mcp.so u otros directorios de MCP:

Nombre: PreviewShip MCP
Comando: npx -y previewship-mcp
Categoría: Despliegue / hosting de vista previa estática / herramientas de desarrollador
Descripción corta: Servidor MCP para desplegar salida de compilación de React/Vue/Vite/Next, HTML, Markdown y páginas estáticas generadas por IA desde agentes de codificación a URLs de vista previa fijas de PreviewShip.
Herramientas: deploy_preview, check_deployment, show_usage, list_projects, get_project, delete_project, redeploy_project_latest, get_project_access, set_project_access, list_project_versions, rollback_project_version, list_deployments
Mejores palabras clave: hosting estático MCP, publicar HTML en línea, alojar archivo HTML en línea, hosting de archivos HTML, subir archivo HTML a sitio web, HTML a página, alternativa a Netlify Drop, alternativa a Netlify Drop para archivo HTML, despliegue de compilación React, despliegue de compilación Vue, despliegue Vite, despliegue de exportación estática Next, HTML a enlace, Markdown a sitio web, vista previa HTML generada por IA, vista previa HTML de Claude, URL de artefacto de Claude, sitio web HTML de ChatGPT, vista previa de sitio web de Codex, despliegue MCP de Cursor, hostmyclaudehtml, vista previa protegida por contraseña, reversión de vista previa estática, URL de vista previa fija.
Env requerido: PREVIEWSHIP_API_KEY

Preguntas Frecuentes

¿Puede el servidor MCP desplegar una aplicación React, Vue, Vite o Next.js?

Sí, después de que la aplicación esté compilada. El agente debe ejecutar primero el comando de compilación del framework y luego llamar a deploy_preview en la carpeta generada dist, build, out, public o de exportación estática.

¿Puede el servidor MCP publicar artefactos HTML de Claude o ChatGPT?

Sí. Guarda el HTML generado como un archivo .html o escríbelo en una carpeta de proyecto con index.html, y luego llama a deploy_preview.

¿Compila PreviewShip MCP código fuente?

No. Despliega salida estática lista para el navegador. No ejecuta npm install ni compila zips de código fuente después de la subida.

¿Devuelve una URL estable?

Sí. Los proyectos de PreviewShip usan URLs de vista previa fijas. Los nuevos despliegues actualizan el puntero más reciente detrás del mismo enlace de proyecto.

¿Puede un agente cambiar un proyecto protegido por contraseña a público?

Sí. Usa set_project_access con visibility: "PUBLIC". PreviewShip borra la contraseña almacenada y hace que la URL de vista previa fija sea públicamente accesible de nuevo.

¿Puede un agente eliminar proyectos antiguos cuando el límite de proyectos Free está lleno?

Sí. Usa list_projects para inspeccionar proyectos y luego delete_project con el confirmProjectName exacto. Eliminar quita la URL de vista previa fija, el proyecto alojado, la asociación de despliegue y la entrada de Showcase.

Planes

	Free	Pro Mensual	Pro Anual
Precio por defecto	$0	$8.10/mes	$75.60/año
Precio regional elegible BR/PT	$0	$5.40/mes	$50.40/año
Despliegues diarios	5	50	80
Despliegues mensuales	20	300	500
Hosting	Caduca después de 3 días	Continuo mientras esté suscrito	Continuo mientras esté suscrito
Garantía de hosting actual	3 días	1 mes, renovable	12 meses, renovable
Historial de versiones	3 versiones retenidas	10 versiones retenidas	40 versiones retenidas
Acceso con contraseña de proyecto	No incluido	Incluido	Incluido
Alternancia de acceso público/contraseña	Solo público	Incluido	Incluido
Marca de agua de PreviewShip	Incluida	Eliminada	Eliminada

Ver precios verificados y elegibilidad · Leer documentación de precios y límites

Ver planes

Licencia

MIT