Web UI Copy

🚀 mcp-copy-web-ui

このMCPサーバーは、UI/UXデザインのインスピレーションを得るために、ウェブサイトをダウンロードして分析するのを支援します。ウェブサイトの完全なHTMLコンテンツ（すべてのCSS、画像、その他のリソースを含む）を取得し、Claudeによる分析に提供することができます。

🚀 クイックスタート

このサーバーを使用することで、ウェブサイトのデザインから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的设计中获取灵感