MCP 服务

让你的代码助手认得每一张画

把 Overflow MCP 服务接到 Claude Code、Cursor、Codex 或任何其他助手。它按画面内容检索全部 1,826 张画，把合适的那张以 SVG、JSX 或文件的形式取回来。

客户端接入

选你正在用的助手，复制配置即可。免费部分（310 张画）不需要配置任何密钥。

Claude Code · 免费直连

claude mcp add --transport http overflow \
  https://www.overflow.design/api/mcp/

在终端里运行，然后重启 Claude Code 会话。

先看目录，再找，再取。三个动作职责清晰，代码助手会根据上下文自己决定调用顺序。

list_sets

列出图标、插画与立体画的全部系列和分类，并标明当前密钥能打开哪些。适合先看目录，再决定搜什么。

参数：无参数

search_drawings

按画面内容检索全部 1,826 张画。支持中文与英文关键词，返回 id、类型和是否属于免费部分。

参数：query, type?, limit?

get_drawings

一次取回最多 20 张画。图标与多数立体画静帧返回 SVG 或 JSX；插画与较大的动态立体画返回下载链接，15 分钟内有效。

参数：ids, format?

带上 Pro 密钥：在配置里加入请求头Authorization: Bearer <你的密钥>，即可检索并下载全部 1,826 张画。每个密钥速率上限为每分钟 30 张 Pro 素材。

下面是接上服务之后，Claude Code 找到一张日历图标并放进表单组件的过程。

Claude Code · Overflow MCP

「在日期字段旁边加一个 Overflow 的日历图标。」

search_drawings246 ms

query: "日历"

日历isometric/48/calendar免费

日历icon/calendar完整版

日历illustration/notion-club/calendar完整版

方形日历icon/calendar-square免费

get_drawings115 ms

ids: ["icon/calendar-square"]

已在日期字段旁加入 ni-calendar-square.svg，尺寸 16px，与标签基线对齐。