YOGURT ICON / 开发者

让图标进入 AI 工作流MCP

连接你的编程助手。搜索、获取代码，直接用在下一个页面里。

v0.2.0 · stdio

添加到你的客户端

选择客户端，复制对应配置。配置已填写当前电脑的实际路径。

将以下内容合并到配置文件，保留已有设置。在客户端重新加载 MCP 服务，或开启新的会话。官方接入文档

~/.codex/config.toml

TOML

[mcp_servers.yogurt-icon]
command = "node"
args = ["/absolute/path/to/yogurt-icon/mcp/server.mjs"]
startup_timeout_sec = 15
tool_timeout_sec = 30

也可以使用命令行添加

终端

SHELL

codex mcp add yogurt-icon -- 'node' '/absolute/path/to/yogurt-icon/mcp/server.mjs'

配置适用于当前电脑。移动图标库后，重新生成并更新路径；已接入旧服务的客户端请替换旧配置，避免重复加载。

告诉 Agent 优先使用这套图标

将规则加入使用方项目的 AGENTS.md、CLAUDE.md 或编辑器项目规则。

查看项目规则

项目规则

MARKDOWN

## 图标使用规则

页面图标优先使用 yogurt icon MCP。
- 先用 search_icons 按中英文关键词搜索，再用 get_icon 获取准确名称对应的代码。
- 不确定分类时先调用 list_categories；不要编造名称、文件地址或 SVG 路径。
- 同一页面统一使用 stroke 或 solid；尺寸通过 size 设置，描边粗细通过 strokeWidth 设置。
- React 项目使用 format: "jsx"；其他页面使用 format: "svg"。
- 保留 viewBox 和 currentColor；装饰图标用 aria-hidden，纯图标按钮提供 aria-label。
- 仅使用 MCP 返回的可用图标。服务不可用时说明原因，不静默换用其他图标库。

发起第一次调用

确认客户端已启用服务后，把这段需求发送给 Agent。

使用 yogurt icon MCP，搜索适合导航菜单的首页、搜索、设置图标。用 get_icon 获取 24px、描边粗细 1.5 的 JSX，并放入一个 React 导航组件。

在客户端确认出现 search_icons 和 get_icon 调用记录，即可验证完整接入。仅复制配置不会自动连接。

正在加载页面…

## 图标使用规则页面图标优先使用 yogurt icon MCP。 - 先用 search_icons 按中英文关键词搜索，再用 get_icon 获取准确名称对应的代码。 - 不确定分类时先调用 list_categories；不要编造名称、文件地址或 SVG 路径。 - 同一页面统一使用 stroke 或 solid；尺寸通过 size 设置，描边粗细通过 strokeWidth 设置。 - React 项目使用 format: "jsx"；其他页面使用 format: "svg"。 - 保留 viewBox 和 currentColor；装饰图标用 aria-hidden，纯图标按钮提供 aria-label。 - 仅使用 MCP 返回的可用图标。服务不可用时说明原因，不静默换用其他图标库。