MCP HTML Sync Server

@yujiosaka

代码仓库

基本信息

分类

其他

许可证

MIT license

传输方式

stdio

作者

yujiosaka

关于 MCP HTML Sync Server

A real-time HTML syncing server with hot reload capabilities, built using the Model Context Protocol (MCP)

#html #sync #server #mcp#static#hot-reload#mcp-server

MCP HTML Sync Server 配置

使用下面的配置,将此服务器添加到你的 MCP 客户端。

{
  "mcpServers": {
    "mcp-html-sync-server": {
      "command": "docker",
      "args": [
        "pull",
        "yujiosaka/mcp-html-sync-server"
      ]
    }
  }
}

MCP HTML Sync Server 工具

工具列表暂未提供

当前收录暂时没有可展示的工具列表，不代表服务没有工具。请查阅项目文档了解支持的能力。

工具是从 README 中自动提取的。维护者可以在 ## Tools 标题下列出工具,即可填充这部分内容。

概览

What is MCP HTML Sync Server?

MCP HTML Sync Server is a real-time HTML syncing server with hot reload capabilities, built using the Model Context Protocol (MCP). It enables AI agents to create, update, and destroy HTML pages dynamically, with all connected clients receiving updates in real-time.

How to use MCP HTML Sync Server?

Install via Docker (docker pull yujiosaka/mcp-html-sync-server), npx (npx mcp-html-sync-server), or from source. Configure using environment variables or a .env file (SERVER_HOST, SERVER_PORT, BASE_URL, PAGE_MAX_AGE, PAGE_MAX_COUNT). Integrate with Claude Desktop or VS Code by adding an MCP server entry to their configuration JSON, and invoke the server’s tools (create_page, update_page, destroy_page) from an AI agent.

Key features of MCP HTML Sync Server

Real-time HTML syncing with instant client updates
WebSocket hot reload for connected browsers
Script management via CDN URLs or inline content
Stylesheet management via CDN URLs
Built for AI agents using the Model Context Protocol
Automatic page expiration after configurable time
Configurable maximum page count with cleanup of oldest pages
Lightweight with minimal dependencies

Use cases of MCP HTML Sync Server

AI agents creating and previewing dynamic HTML pages in real time
Adding JavaScript and CSS to pages for interactive demos or prototypes
Collaborative editing where content updates are instantly reflected in all clients
Hot-reloading web pages during development without manual refresh

常见问题

How do I install MCP HTML Sync Server?

Install via Docker (`docker pull yujiosaka/mcp-html-sync-server`), npx (`npx mcp-html-sync-server`), or by cloning the repository and using `bun install` then `bun run start`.

What configuration options are available?

Configure via environment variables or a `.env` file: `SERVER_HOST` (default localhost), `SERVER_PORT` (default 3000), `BASE_URL` (default http://localhost:3000/), `PAGE_MAX_AGE` (default 1h), and `PAGE_MAX_COUNT` (default 1000).

What MCP tools does the server provide?

Three tools: `create_page` (creates a new HTML page with optional scripts and stylesheets), `update_page` (updates an existing page’s body), and `destroy_page` (removes a page and disconnects all clients).

How does page expiration and limit work?

Pages have a configurable maximum age (`PAGE_MAX_AGE`, e.g., 1h). When the total number of pages exceeds `PAGE_MAX_COUNT`, the oldest pages are automatically removed.

Does the server support real-time updates?

Yes. When a page is created or updated, all connected browsers receive updates in real-time via WebSocket hot reload.

其他分类下的更多 MCP 服务器

Klarix Intelligence Engine

Klarix

B2B competitive intelligence, live sales battlecards, 5-axis ICP prospect fit scoring, and tech stack teardowns over MCP and REST with cited public-web evidence.

Soar Flight Booking MCP

Soar Flight Booking MCP is a remote MCP server available at https://mcp.soar.flights.

Handl

Handl speaks the Model Context Protocol. Your whole billing operation — projects, invoices, clients, reports, approvals — as tools any AI assistant can call, inside your autonomy rules.