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的設計中獲取靈感