网页UI分析工具

一个帮助下载和分析网站以获取UI/UX灵感的MCP服务器,可捕获网站的完整HTML内容,包括CSS、图片等资源,供AI分析使用。

  • by maoxiaoke
  • HTML
  • 本地部署
  • 13 星标
  • 更新于
在 GitHub 查看 maoxiaoke/mcp-copy-web-ui

使用说明

mcp复制web用户界面

这是一个MCP服务器,可以帮助下载和分析网站以获得UI/UX灵感。它捕获网站的完整HTML内容,包括所有CSS、图像和其他资源,供Claude分析。

特性

  • 下载完整的网页内容
  • 内联所有CSS样式
  • 将图像转换为base64数据URI
  • 解析并内联所有外部资源
  • 使完整的网页可用于AI分析

工具

get_web_inspiration

下载并分析网站以获得UI/UX灵感。将URL作为输入,并返回内联了所有资源的完整HTML。

Claude中的示例用法:

I'd like to get inspiration from example.com's design

如何使用

NPX

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