shield_lock
JinDaGe
← Back to MCP directory
publicPublicdnsLocal runtime

Web UI Copy

一个用于下载和分析网站UI/UX灵感的MCP服务器

article

README

🚀 mcp-copy-web-ui

mcp-copy-web-ui是一个MCP服务器，主要用于下载并分析网站，为UI/UX设计提供灵感。它可以捕获网站完整的HTML内容，涵盖所有CSS、图片及其他资源，并将其提供给Claude进行分析。

🚀 快速开始

mcp-copy-web-ui能帮助你轻松获取网站的设计灵感，为你的UI/UX设计助力。

✨ 主要特性

  • 🔍 下载完整的网页内容，确保无遗漏。
  • 🎨 内联所有CSS样式，方便统一查看。
  • 🖼️ 将图像转换为Base64数据URI，便于处理。
  • 📦 解决并内联所有外部资源，无需额外查找。
  • 🤖 使整个网页可供AI分析，获取专业见解。

📦 安装指南

NPX

{
  "mcpServers": {
    "mediaProcessor": {
      "command": "npx",
      "args": [
        "-y",
        "create-mcp-server@latest"
      ]
    }
  }
}

💻 使用示例

基础用法

get_web_inspiration工具可用于下载并分析一个网站以获取设计灵感。输入一个URL，即可输出该网站的完整HTML以及所有嵌入的资源。 示例用法在Claude中：

我想从example.com的设计中获取灵感
help

Runtime guide

cloud

Hosted runtime

Hosted servers run from a provider-managed environment. You usually connect the MCP client to the hosted endpoint or follow the provider's authorization flow, without keeping a local process alive

  1. Open provider connection page
  2. Authorize or copy endpoint
  3. Connect from your MCP client
terminal

Local runtime / other methods

Local servers run on your own machine or infrastructure. You normally copy the server_config into your MCP client, install the required package, and provide env variables from env_schema when needed

  1. Copy server_config
  2. Install required package
  3. Fill env variables and restart client