关键词

网页分析UI灵感UX灵感网页抓取网页内容提取

使用说明

项目简介

本MCP服务器名为 “网页UI灵感采集MCP服务器”，旨在帮助用户通过AI分析网页设计，获取UI/UX灵感。它能下载完整网页内容，包括CSS、图片等资源，并将其内联处理，方便 Claude 等 LLM 进行分析。

主要功能点

  • 下载完整网页内容，包括 HTML, CSS, 图片等。
  • 内联所有 CSS 样式。
  • 将图片转换为 Base64 数据 URI。
  • 解析并内联所有外部资源。
  • 提供处理后的完整网页内容给 AI 分析。

安装步骤

无需安装，此项目已打包为可直接通过 NPX 运行的 MCP 服务器。

服务器配置

MCP 客户端需要配置以下 JSON 信息以连接到此 MCP 服务器：

{
  "mcpServers": {
    "webInspiration": {  // 你可以自定义服务器名称，例如 "webInspiration"
      "command": "npx",
      "args": [
        "mcp-copy-web-ui" // 启动命令，使用 npx 运行 mcp-copy-web-ui
      ]
    }
  }
}

基本使用方法

  1. 启动 MCP 服务器。
  2. 在 Claude 等 LLM 客户端中配置并连接到该 MCP 服务器。
  3. 使用自然语言指令，例如 "I'd like to get inspiration from example.com's design"，LLM 客户端会自动调用 'get_web_inspiration' 工具。
  4. 服务器将下载并处理网页 'example.com' 的内容，然后将处理后的 HTML 返回给 LLM 客户端。

信息

分类

网页与API

访问项目