Live Preview MCP Server

Versión 1.1 (tras el endurecimiento de red-team) — Servidor del Model Context Protocol de grado de producción que permite a cualquier asistente de IA compatible con MCP iniciar, gestionar e incrustar vistas previas de aplicaciones en vivo en un iframe.

Endurecimiento de seguridad (v1.1)

• Sin inyección de shell: Docker y la creación de procesos siempre utilizan arrays de argumentos (shell: false).

• Entorno seguro: Solo se pasa una lista de permitidos explícita de variables de entorno; las claves peligrosas (NODE_OPTIONS, LD_PRELOAD, etc.) se eliminan.

• Comprobaciones de rutas a prueba de enlaces simbólicos: realpathSync antes de la validación de la lista de permitidos.

• Limitación de velocidad de WebSocket + límites de conexión por vista previa.

• Comprobación de disponibilidad del proceso vivo: la sonda de disponibilidad también verifica que el proceso hijo sigue vivo.

• Límite de vistas previas simultáneas (por defecto 10).

• Docker: CapDrop: ALL, no-new-privileges, usuario no root cuando sea posible, AutoRemove + recolector de huérfanos al inicio.

• Redacción de registros más sólida (JWT, claves de AWS, tokens de GitHub/Slack/OpenAI, etc.).

• Longitud del token aumentada a 32 bytes aleatorios.

Related MCP server: Dynamic Code Executor MCP Server

Características

• Herramientas MCP: start_preview, stop_preview, get_preview_status, get_preview_logs, list_previews, reload_preview, update_preview_config, share_preview, get_mobile_qr, set_auth_token

• Auto-detección de frameworks: Vite, Next.js, CRA, Vue, Angular, Express, static, Expo, Flutter

• Panel HTTP + Proxy inverso con las cabeceras de encuadre eliminadas

• Opcionales: Docker, túneles de Cloudflare/ngrok, código QR móvil, autenticación por token, compatibilidad con Cloud-IDE

Requisitos

• Node.js ≥ 18

• Opcionales: Docker, cloudflared, ngrok

Instalación y compilación

cd live-preview-mcp
npm install
npm run build

Ejecución

node dist/index.js

Configuración del cliente MCP

{
  "mcpServers": {
    "live-preview": {
      "command": "node",
      "args": ["/absolute/path/to/live-preview-mcp/dist/index.js"],
      "env": {
        "PORT": "9000",
        "ALLOWED_DIRS": "/path/to/projects"
      }
    }
  }
}

Licencia

MIT