Web UI Copy

🚀 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的设计中获取灵感