live-preview-mcp
Live Preview MCP Server
Version 1.1 (nach Red-Team-Härtung) — Produktionsreifer Server für das Model Context Protocol, der es jedem MCP-fähigen KI-Assistenten ermöglicht, Live-Anwendungsvorschauen zu starten, zu verwalten und in einem iframe einzubetten.
Sicherheitshärtung (v1.1)
Keine Shell-Injection: Beim Starten von Docker und Prozessen werden immer Argumentarrays verwendet (
shell: false).Sichere Umgebung: Es wird nur eine explizite Zulassungsliste von Umgebungsvariablen übergeben; gefährliche Schlüssel (
NODE_OPTIONS,LD_PRELOAD, usw.) werden entfernt.Symlink-sichere Pfadprüfungen:
realpathSyncvor der Zulassungslisten-Validierung.WebSocket-Ratenbegrenzung + Verbindungslimits pro Vorschau.
Prozess-Liveness-Readiness: Der Readiness-Probe prüft auch, ob der Kindprozess noch lebt.
Limit für gleichzeitige Vorschauen (Standard: 10).
Docker:
CapDrop: ALL,no-new-privileges, nach Möglichkeit Nicht-Root-Benutzer, AutoRemove + Reaper für verwaiste Prozesse beim Start.Stärkere Log-Redaktion (JWT, AWS-Schlüssel, GitHub-/Slack-/OpenAI-Tokens usw.).
Tokenlänge erhöht auf 32 zufällige Bytes.
Related MCP server: Dynamic Code Executor MCP Server
Funktionen
MCP-Tools:
start_preview,stop_preview,get_preview_status,get_preview_logs,list_previews,reload_preview,update_preview_config,share_preview,get_mobile_qr,set_auth_tokenFramework-Autoerkennung: Vite, Next.js, CRA, Vue, Angular, Express, static, Expo, Flutter
HTTP-Dashboard + Reverse-Proxy mit entfernten Framing-Headern
Optional Docker, Cloudflare/ngrok-Tunnel, mobiler QR-Code, Token-Authentifizierung, Cloud-IDE-Erkennung
Anforderungen
Node.js ≥ 18
Optional: Docker,
cloudflared,ngrok
Installation und Build
cd live-preview-mcp
npm install
npm run buildAusführen
node dist/index.jsMCP-Client-Konfiguration
{
"mcpServers": {
"live-preview": {
"command": "node",
"args": ["/absolute/path/to/live-preview-mcp/dist/index.js"],
"env": {
"PORT": "9000",
"ALLOWED_DIRS": "/path/to/projects"
}
}
}
}Lizenz
MIT
This server cannot be deployed
Maintenance
Related MCP Connectors
Build and publish web apps from your AI client: live preview, Postgres, storage, public URL.
Your AI Agent's Infrastructure Layer. Connect Claude, Copilot, Codex, or ChatGPT to 200+ managed open source services. Start databases, pipelines, and applications through natural language.
- PebbleOAuthcom.shippebble
Host the tools your AI builds — small internal tools in isolated microVMs, live for your team.
Host apps built with AI: deploy to a live HTTPS URL, custom domains, secrets and backups.
Related MCP Servers
- FlicenseAqualityDmaintenanceEnables AI assistants to securely execute Python and JavaScript code in sandboxed environments, with file management and package installation.738 npm-
- AlicenseAqualityCmaintenanceEnables AI assistants to execute code in isolated sandboxes with support for Python, JavaScript, and TypeScript, featuring intelligent caching and semantic search for code reuse.9MIT
- AlicenseBqualityCmaintenanceEnables AI assistants to scaffold, edit, live-preview, and deploy full-stack apps with built-in database, email, and push notification capabilities through natural language.19MIT
- AlicenseNot gradedqualityBmaintenanceEnables AI assistants to build, deploy, and inspect apps through a hosted backend service, including reading platform docs, deploying raw source, inspecting logs, verifying live pages in browsers, and managing project tasks.MIT