mcpField
I
image

image

ローカル
github.com/rog0x開発ツール032 週間前に更新

image について

mcp-image-tools は、画像メタデータやウェブ上の画像情報を扱う AI エージェント向け MCP サーバーです。画像のレスポンスヘッダーを調べ、サイトアイコンやソーシャルプレビュー画像を見つけるほか、プレースホルダー URL とレスポンシブ画像用マークアップを生成します。

主な機能

  1. 01ヘッダーから画像メタデータを取得
  2. 02ウェブサイトのファビコンを検索
  3. 03ソーシャルプレビュー画像を抽出
  4. 04プレースホルダー画像 URL を生成
  5. 05レスポンシブ画像マークアップを作成

活用シーン

  1. 01画像形式、サイズ、キャッシュ情報の確認
  2. 02ウェブサイトのアイコン検索
  3. 03リンクプレビュー画像の収集
  4. 04レスポンシブ画像 HTML の準備

MCP 対応

画像の調査やマークアップ生成ツールを MCP クライアントに提供します。メタデータ、ファビコン、Open Graph とカード画像、プレースホルダー、レスポンシブ画像マークアップを扱います。

設定

ローカルサーバーの設定はどのクライアントでも共通です。コピーしてクライアントの MCP 設定ファイルに貼り付けてください。

mcp.json · 共通設定
{
"mcpServers": {
"rog0x-image": {
"command": "npx",
"args": [
"-y",
"@rog0x/mcp-image-tools"
]
}
}
}
起動コマンドnpx -y @rog0x/mcp-image-tools

ローカルサーバーにはマシン上の実行環境(Node.js 18 以上など)が必要です。設定ファイルの場所はクライアントごとに異なります。

パッケージ
npm@rog0x/mcp-image-tools1.0.1

ツール

5

掲載時のツール一覧 · 2 週間前に更新

パラメーター型必須説明
urlstringはい画像ファイルへの直接 URL

詳細

mcp-image-tools

AI エージェント向けの画像分析ツールを提供する MCP サーバーです。メタデータの検査のみを行い、画像の処理や加工は行いません。

ツール

image_metadata

HTTP ヘッダーを使用して、URL から画像のメタデータを読み取ります。画像全体をダウンロードせずに、content-type、ファイルサイズ、最終更新日時、etag、キャッシュ情報を返します。

find_favicons

あらゆるウェブサイトのファビコンをすべて検索します。/favicon.ico を確認し、HTML の <link> タグを解析して、manifest.json を調べます。見つかったすべてのファビコンについて、サイズと種類を返します。

extract_og_image

任意の URL から Open Graph 画像、Twitter カード画像、Apple タッチアイコンを抽出します。リンクプレビューの生成に便利です。

generate_placeholder

placehold.co API を使用して、プレースホルダー画像の URL を生成します。カスタムのサイズ、色、テキスト、形式、フォントに対応しています。URL と、すぐに使える HTML および Markdown のマークアップを返します。複数のサイズを一度に生成できます。

responsive_images

レスポンシブ画像用の srcset と <picture> 要素の HTML を生成します。ベースとなる画像 URL を指定すると、レスポンシブデザインに適したマークアップと、複数形式の <source> 要素を含む、複数サイズのバリエーションを生成します。

セットアップ

npm install
npm run build

Claude Desktop での使用方法

Claude Desktop の設定に追加します。

{
  "mcpServers": {
    "image-tools": {
      "command": "node",
      "args": ["path/to/mcp-image-tools/dist/index.js"]
    }
  }
}

ライセンス

MIT

コメント

MCP は初めてですか?

プロトコルの概要から最初のサーバーの導入まで、よくある疑問にまとめて答えます。

AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。