ImageKit DevTools

ImageKit Skills

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

Skills

Installation

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

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

What each server does:

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)

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

VS Code

1. Open the Command Palette (⇧⌘P) and run Install Plugin from Source.
2. Enter imagekit-developer/skills as the plugin source.
3. 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

</details>

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"] } } }

</details>

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"

</details>

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\"}"

</details>

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" } } }

</details>

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" } } }

</details>

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