Web UI Copy

🚀 mcp-copy-web-ui

This is an MCP server that helps download and analyze websites to gain UI/UX design inspiration. It can capture the complete HTML content of a website, including all CSS, images, and other resources, and provide it to Claude for analysis.

🚀 Quick Start

This MCP server is designed to facilitate the process of downloading and analyzing websites for UI/UX design inspiration. It captures the full HTML content of a website, including all CSS, images, and other resources, and makes it available for analysis by Claude.

✨ Features

• Download the complete web page content.
• Inline all CSS styles.
• Convert images to Base64 data URIs.
• Resolve and inline all external resources.
• Make the entire web page available for AI analysis.

💻 Usage Examples

get_web_inspiration

Download and analyze a website for design inspiration. Input a URL, and it will output the complete HTML of the website along with all embedded resources.

Example usage in Claude:

I want to get inspiration from the design of example.com

📦 Installation

NPX

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