ImageKit DevTools

Name: ImageKit DevTools
Author: imagekit.io

远程服务

imagekit.io开发工具23 周前更新

代码仓库访问官网

关于 ImageKit DevTools

ImageKit DevTools 是面向 ImageKit 开发者和编码 Agent 的 MCP 服务，提供文档搜索与转换 URL 构建，且无需登录。

主要功能

01搜索 ImageKit 文档
02构建转换 URL

适用场景

01查找相关 ImageKit 文档
02创建 ImageKit 转换 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 Skills

适用于 ImageKit.io 的可复用 AI Agent 技能 — 使用 skills CLI 安装，增强编码 Agent 的能力。

技能

技能	说明
mcp-preflight	应调用哪个 MCP 服务：DAM（媒体库）、Admin（来源、URL 端点、使用情况分析）或 DevTools
search-assets	用于 DAM `search_media_library` 的 Lucene `searchQuery` — 先发现自定义元数据和标签，再进行猜测
upload-files	通过 `create_upload_signatures_in_bulk` 上传 DAM 文件（从 shell 上传任意数量的文件），或使用 `upload_file` 选择器 — 绝不以内联方式传递文件字节
asset-access-control	文件／文件夹与媒体集合的 ACL 工具，以及容易出错的写入规则
ai-tasks	DAM 资源的 AI 标签、元数据提取和质量检查所需的负载格式
search-docs	如何查询 DevTools `search_docs`（查询改写和来源选择）
transformation-builder	如何查询 DevTools `transformation_builder` 以获取正确的转换 URL
imagekit-integrations	ImageKit SDK、插件和小组件索引 — 为技术栈选择合适的项，然后搜索文档

安装

需要安装两部分：技能（本仓库）和 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（无需登录）

选择以下两种方法之一。安装后重启编辑器，使 MCP 服务生效。出现提示时，验证 DAM 和 Admin。

插件方式（推荐）

在 Claude Desktop、Claude.ai（web）和 VS Code 上，ImageKit 插件可一步安装技能和 MCP 服务。

Claude Desktop 和 Claude.ai（web）

在左侧边栏打开 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

通过命令行：

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