ImageKit DevTools

Name: ImageKit DevTools
Author: imagekit.io

リモート

imagekit.io開発ツール23 週間前に更新

リポジトリ公式サイト

ImageKit DevTools について

ImageKit DevTools は、ImageKit を使う開発者やコーディングエージェント向けの MCP サーバーです。ドキュメント検索と変換 URL の作成を、サインインなしで行えます。

主な機能

01ImageKit ドキュメント検索
02変換 URL の作成

活用シーン

01関連する ImageKit ドキュメントの検索
02ImageKit 変換 URL の作成

MCP 対応

`imagekit_devtools` サーバーを通じて、MCP クライアントにドキュメント検索と変換 URL 作成機能を提供します。サインインは不要です。

設定

リモートサーバーはインストール不要です。クライアントを選んで設定をコピーするか、ワンクリックで導入できます。

エンドポイントhttps://devtools-mcp.imagekit.io/mcp

インストールコマンドをコピー

Claude CodeTerminalclaude mcp add --transport http io-imagekit-devtools https://devtools-mcp.imagekit.io/mcp

Cursor.cursor/mcp.json{"mcpServers":{"io-imagekit-devtools":{"type":"http","url":"https://devtools-mcp.imagekit.io/mcp"}}}Cursor で開く

VS Code.vscode/mcp.json{"servers":{"io-imagekit-devtools":{"type":"http","url":"https://devtools-mcp.imagekit.io/mcp"}}}VS Code で開く

Claude Desktopclaude_desktop_config.json{"mcpServers":{"io-imagekit-devtools":{"type":"http","url":"https://devtools-mcp.imagekit.io/mcp"}}}

Windsurf~/.codeium/windsurf/mcp_config.json{"mcpServers":{"io-imagekit-devtools":{"serverUrl":"https://devtools-mcp.imagekit.io/mcp"}}}

コマンドはターミナルで実行し、JSON は各クライアントの MCP 設定に貼り付けて再起動します。認可が必要なサーバーは初回接続時にログインを求めます。

ツール

パラメーター	型	必須	説明
query	string	はい	ImageKit の機能、API、SDK などに関する自然言語の検索クエリです。
sources	any	いいえ	検索対象とするドキュメントソースの任意のリストです。指定しない場合、クエリからソースが自動検出されます。

詳細

ImageKit スキル

ImageKit.io 用の再利用可能な AI エージェントスキルです。skills CLI でインストールすると、コーディングエージェントの機能を強化できます。

スキル

スキル	説明
mcp-preflight	呼び出す MCP サーバー（DAM（メディアライブラリ）、Admin（オリジン、URL エンドポイント、利用状況の分析）、DevTools）を確認します
search-assets	DAM の `search_media_library` 用 Lucene `searchQuery`。推測する前に、カスタムメタデータやタグを見つけます
upload-files	`create_upload_signatures_in_bulk`（シェルから任意の数のファイルをアップロード）または `upload_file` ピッカーを使った DAM へのアップロード。ファイルのバイト列をインラインで渡さないでください
asset-access-control	ファイル／フォルダーとメディアコレクションの ACL ツール、および間違えやすい書き込みルール
ai-tasks	DAM アセットの AI タグ付け、メタデータ抽出、品質チェックにおけるペイロードの形式
search-docs	DevTools の `search_docs` をクエリする方法（クエリの書き換えとソースの選択）
transformation-builder	正しい変換 URL を取得するために DevTools の `transformation_builder` をクエリする方法
imagekit-integrations	ImageKit SDK、プラグイン、ウィジェットの一覧。スタックに適したものを選び、ドキュメントを検索します

インストール

インストールするものは 2 つあります。スキル（このリポジトリ）と MCP サーバーです。

MCP サーバー	URL	認証
`imagekit_devtools`	`https://devtools-mcp.imagekit.io/mcp`	なし
`imagekit_dam`	`https://imagekit.io/mcp/dam`	ImageKit アカウントでサインイン
`imagekit_admin`	`https://imagekit.io/mcp/admin`	ImageKit アカウントでサインイン

以前 https://api-mcp.imagekit.io/mcp に接続していた場合は、それを削除して、代わりに DAM と Admin を追加してください。

各サーバーの用途：

サーバー	用途
DAM	メディアライブラリの検索、アップロード、整理、タグ付け、共有、管理
Admin	オリジン（外部ストレージ）、URL エンドポイント、アカウントの利用状況、利用状況の分析の管理
DevTools	ドキュメントの検索と変換 URL の作成（サインイン不要）

以下の 2 つの方法から 1 つを選んでください。MCP サーバーを有効にするには、インストール後にエディターを再起動してください。プロンプトが表示されたら、DAM と Admin を認証してください。

プラグインを使う方法（推奨）

Claude Desktop、Claude.ai（ウェブ）、VS Code では、ImageKit プラグインを使うとスキルと MCP サーバーを一度にインストールできます。

Claude Desktop と Claude.ai（ウェブ）

左サイドバーの「Customize」を開き、「Plugins」タブに移動します。
「Personal plugins」で + →「Add marketplace」→「Add from a repository」をクリックし、imagekit-developer/skills を入力します。
そのマーケットプレイスから ImageKit プラグインをインストールします。
同梱されている imagekit_devtools、imagekit_dam、imagekit_admin コネクターを有効にし、プロンプトが表示されたら DAM と Admin を認証します。

VS Code

コマンドパレット（⇧⌘P）を開き、「Install Plugin from Source」を実行します。
プラグインのソースとして imagekit-developer/skills を入力します。
VS Code を再起動します。

手動での方法

1. スキルをインストールします（すべてのプラットフォームで同じコマンドです）。

npx skills add imagekit-developer/skills --all

2. 使用するツールに MCP サーバーを追加します。

Claude Code

claude mcp add --transport http imagekit_devtools https://devtools-mcp.imagekit.io/mcp
claude mcp add --transport http imagekit_dam https://imagekit.io/mcp/dam
claude mcp add --transport http imagekit_admin https://imagekit.io/mcp/admin

Claude Desktop

設定ファイルを編集します。

macOS: ~/Library/Application Support/Claude/claude_desktop_config.json
Windows: %APPDATA%\Claude\claude_desktop_config.json

{
  "mcpServers": {
    "imagekit_devtools": {
      "command": "npx",
      "args": ["-y", "mcp-remote@latest", "https://devtools-mcp.imagekit.io/mcp"]
    },
    "imagekit_dam": {
      "command": "npx",
      "args": ["-y", "mcp-remote@latest", "https://imagekit.io/mcp/dam"]
    },
    "imagekit_admin": {
      "command": "npx",
      "args": ["-y", "mcp-remote@latest", "https://imagekit.io/mcp/admin"]
    }
  }
}

Codex

CLI を使用する場合：

codex mcp add imagekit_devtools --url https://devtools-mcp.imagekit.io/mcp
codex mcp add imagekit_dam --url https://imagekit.io/mcp/dam
codex mcp add imagekit_admin --url https://imagekit.io/mcp/admin

または ~/.codex/config.toml を編集します。

[mcp_servers.imagekit_devtools]
url = "https://devtools-mcp.imagekit.io/mcp"

[mcp_servers.imagekit_dam]
url = "https://imagekit.io/mcp/dam"

[mcp_servers.imagekit_admin]
url = "https://imagekit.io/mcp/admin"

VS Code Copilot

code --add-mcp "{\"name\":\"imagekit_devtools\",\"type\":\"http\",\"url\":\"https://devtools-mcp.imagekit.io/mcp\"}"
code --add-mcp "{\"name\":\"imagekit_dam\",\"type\":\"http\",\"url\":\"https://imagekit.io/mcp/dam\"}"
code --add-mcp "{\"name\":\"imagekit_admin\",\"type\":\"http\",\"url\":\"https://imagekit.io/mcp/admin\"}"

Cursor

次のボタンを使ってインストールします。

または ~/.cursor/mcp.json を編集します。

{
  "mcpServers": {
    "imagekit_devtools": { "url": "https://devtools-mcp.imagekit.io/mcp" },
    "imagekit_dam": { "url": "https://imagekit.io/mcp/dam" },
    "imagekit_admin": { "url": "https://imagekit.io/mcp/admin" }
  }
}

Windsurf

~/.codeium/windsurf/mcp_config.json を編集します。

{
  "mcpServers": {
    "imagekit_devtools": { "serverUrl": "https://devtools-mcp.imagekit.io/mcp" },
    "imagekit_dam": { "serverUrl": "https://imagekit.io/mcp/dam" },
    "imagekit_admin": { "serverUrl": "https://imagekit.io/mcp/admin" }
  }
}

使用方法

インストールすると、これらのスキルは AI エージェントから自動的に利用できるようになります。エージェントは ImageKit の操作を行う前に該当するスキルを参照し、ツールを正しく使用して、より良い結果を得られるようにします。

ライセンス

MIT

Markdown 対応

ログインしてコメント

MCP は初めてですか？

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

入門ガイドを読む

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

ImageKit DevTools

ImageKit DevTools について

主な機能

活用シーン

MCP 対応

設定

ツール

詳細

ImageKit スキル

スキル

インストール

プラグインを使う方法（推奨）

手動での方法

使用方法

ライセンス

コメント

MCP は初めてですか？

MCP（Model Context Protocol）とは？

MCP サーバーとクライアントの違いは？

ローカルとリモート、どちらを選ぶべき？

Claude や Cursor にサーバーを導入するには？

掲載プロジェクトは審査されていますか？「認証済み」とは？

自分のプロジェクトが掲載されています。どう申請できますか？