mcpField
W
Web Renderer

Web Renderer

本地服务
github.com/zys5945浏览器自动化074 周前更新
代码仓库

关于 Web Renderer

Web Renderer 是一个使用 Playwright 渲染 HTML 的 MCP 服务。其 `renderHTML` 工具接收页面 ID 和 HTML 内容。

主要功能

  1. 01使用 Playwright 渲染 HTML
  2. 02接收页面 ID 和 HTML

适用场景

  1. 01渲染 LLM 生成的 HTML
  2. 02渲染指定页面的 HTML

MCP 相关

向 MCP 客户端提供 `renderHTML` 工具，接收页面 ID 和 HTML 字符串。

#web-renderer#html-rendering#playwright

配置

本地服务的配置在各客户端中通用，复制后粘贴到客户端的 MCP 配置文件即可。

mcp.json · 通用配置
{
  "mcpServers": {
    "WebRendererMCP": {
      "command": "npx",
      "args": [
        "-y",
        "web-renderer-mcp"
      ]
    }
  }
}
启动命令npx -y web-renderer-mcp

本地服务需要在你的电脑上安装运行环境（如 Node.js 18+）。各客户端的配置文件位置不同，请参考客户端文档。

安装包
npmweb-renderer-mcp

工具

还没有获取到工具列表

本地服务需要在你的电脑上运行后才能读取工具，维护者暂未提供工具列表。

详细介绍

WebRendererMCP

描述

WebRendererMCP 使用 Playwright 渲染 HTML，并将其作为 MCP 服务提供。

安装

{
  "mcpServers": {
    "WebRenderer": {
      "command": "npx",
      "args": ["web-renderer-mcp"]
    }
  }
}

提供的工具

renderHTML(pageId: string, html: string)

评论

支持 Markdown

第一次接触 MCP？

从协议是什么，到在客户端里装上第一个服务，这几条回答覆盖了大多数入门问题。

一个开放协议，规定了 AI 应用如何以统一方式连接外部工具与数据源。客户端负责与模型对话，MCP 服务负责提供工具、资源和提示模板，两者通过标准消息通信，同一个服务可以被不同客户端复用。