ImageKit DevTools

Name: ImageKit DevTools
Author: imagekit.io

Remote

imagekit.ioDeveloper Tools2Updated 3w ago

Repository Visit website

About ImageKit DevTools

ImageKit DevTools is an MCP server for developers and coding agents working with ImageKit. It provides documentation search and helps construct transformation URLs, without requiring sign-in.

Key features

01Search ImageKit documentation
02Build transformation URLs

Use cases

01Find relevant ImageKit documentation
02Create ImageKit transformation URLs

MCP support

Exposes documentation search and transformation URL building to MCP clients through the `imagekit_devtools` server. The server requires no sign-in.

Configuration

Remote servers need no local install. Pick your client, then copy the config or install in one click.

Endpointhttps://devtools-mcp.imagekit.io/mcp

Copy install command

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"}}}Open in Cursor

VS Code.vscode/mcp.json{"servers":{"io-imagekit-devtools":{"type":"http","url":"https://devtools-mcp.imagekit.io/mcp"}}}Open in 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"}}}

Run commands in a terminal; paste JSON into the client’s MCP config and restart. Servers that need sign-in will prompt on first connect.

Tools

Parameter	Type	Required	Description
query	string	Yes	Natural language search query about ImageKit features, APIs, SDKs, etc.
sources	any	No	Optional list of documentation sources to search within. If not provided, sources are auto-detected from the query.

Details

From the project README

ImageKit Skills

Reusable AI agent skills for ImageKit.io — install them with the skills CLI to enhance your coding agent's capabilities.

Skills

Skill	Description
mcp-preflight	Which MCP server to call: DAM (media library), Admin (origins, URL endpoints, usage analytics), or DevTools
search-assets	Lucene `searchQuery` for DAM `search_media_library` — discover custom metadata and tags before guessing
upload-files	DAM uploads via `create_upload_signatures_in_bulk` (any number of files, from a shell) or the `upload_file` picker — never inline file bytes
asset-access-control	File/folder vs media-collection ACL tools, and the write rules that are easy to get wrong
ai-tasks	Payload shape for AI tagging, metadata extraction, and quality checks on DAM assets
search-docs	How to query DevTools `search_docs` (query rewriting and source selection)
transformation-builder	How to query DevTools `transformation_builder` for correct transformation URLs
imagekit-integrations	Index of ImageKit SDKs, plugins, and widgets — pick the right one for a stack, then search the docs

Installation

There are two pieces to install: the skills (this repo) and the MCP servers:

MCP server	URL	Auth
`imagekit_devtools`	`https://devtools-mcp.imagekit.io/mcp`	None
`imagekit_dam`	`https://imagekit.io/mcp/dam`	Sign in with your ImageKit account
`imagekit_admin`	`https://imagekit.io/mcp/admin`	Sign in with your ImageKit account

If you previously connected https://api-mcp.imagekit.io/mcp, remove it and add DAM and Admin instead.

What each server does:

Server	Use it to
DAM	Search, upload, organize, tag, share, and manage the media library
Admin	Manage origins (external storage), URL endpoints, account usage, and usage analytics
DevTools	Search the docs and build transformation URLs (no sign-in)

Pick one of the two methods below. Restart your editor after installing so the MCP servers take effect. Authenticate DAM and Admin when prompted.

Plugin method (recommended)

On Claude Desktop, Claude.ai (web), and VS Code, the ImageKit plugin installs the skills and MCP servers in a single step.

Claude Desktop & Claude.ai (web)

Open Customize in the left sidebar and go to the Plugins tab.
Under Personal plugins, click + → Add marketplace → Add from a repository, and enter imagekit-developer/skills.
Install the ImageKit plugin from that marketplace.
Enable the bundled imagekit_devtools, imagekit_dam, and imagekit_admin connectors, and authenticate DAM and Admin when prompted.

VS Code

Open the Command Palette (⇧⌘P) and run Install Plugin from Source.
Enter imagekit-developer/skills as the plugin source.
Restart VS Code.

Manual method

1. Install the skills (same command on every platform):

npx skills add imagekit-developer/skills --all

2. Add the MCP servers for your tool:

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

Edit your config file:

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

Via 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

Or edit ~/.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

Install with these buttons:

Or edit ~/.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

Edit ~/.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" }
  }
}

Usage

Once installed, these skills are automatically available to your AI agent. The agent will consult the relevant skill before performing ImageKit operations, ensuring correct tool usage and better results.

License

MIT

Comments

Markdown supported

New to MCP?

From what the protocol is to installing your first server, these answers cover most first questions.

Read the getting-started guide

An open protocol that defines how AI applications connect to external tools and data in a uniform way. Clients talk to the model; MCP servers provide tools, resources and prompt templates. They exchange standard messages, so one server can be reused by many clients.