mcpField
N
noun-mcp

noun-mcp

本地服务
github.com/alisaitteke媒体与设计76 周前更新

关于 noun-mcp

noun-mcp 让 AI 助手搜索 The Noun Project,并将图标下载到项目中。它支持按风格和许可筛选、浏览合集,以及配置 SVG 或 PNG 输出。

主要功能

  1. 01按风格和许可搜索
  2. 02下载 SVG 或 PNG
  3. 03设置输出颜色和尺寸
  4. 04浏览精选图标合集
  5. 05自动补全搜索词
  6. 06跟踪 API 与图标用量

适用场景

  1. 01查找公有领域咖啡杯图标
  2. 02将彩色图标下载到项目
  3. 03查看每月 API 用量

MCP 相关

该 MCP 服务提供七种工具,用于搜索、浏览、下载 The Noun Project 图标及跟踪用量。可在 Cursor、Claude Desktop 和 Claude Code 等 MCP 客户端中配置。

配置

本地服务的配置在各客户端中通用,复制后粘贴到客户端的 MCP 配置文件即可。

mcp.json · 通用配置
{
"mcpServers": {
"alisaitteke-noun": {
"command": "npx",
"args": [
"-y",
"@alisaitteke/noun-mcp"
],
"env": {
"NOUN_CONSUMER_KEY": "<NOUN_CONSUMER_KEY>",
"NOUN_CONSUMER_SECRET": "<NOUN_CONSUMER_SECRET>",
"NOUN_API_TIER": "<NOUN_API_TIER>"
}
}
}
}
启动命令npx -y @alisaitteke/noun-mcp
需要配置的环境变量
NOUN_CONSUMER_KEY密钥Consumer Key from The Noun Project API
NOUN_CONSUMER_SECRET密钥Consumer Secret from The Noun Project API
NOUN_API_TIERAPI tier: FREE (trial quotas) or PAID (Pay-Per-Use)

本地服务需要在你的电脑上安装运行环境(如 Node.js 18+)。各客户端的配置文件位置不同,请参考客户端文档。

安装包
npm@alisaitteke/noun-mcp1.0.6

工具

7

收录的工具列表 · 更新于 2 周前

参数类型必填说明
limitnumber否最大结果数
querystring是搜索词(例如:"dog"、"house"、"bicycle")
stylesenum否图标样式:solid、line 或 bothsolid | line | solid,line
next_pagestring否下一页的令牌
prev_pagestring否上一页的令牌
include_svgenum否在响应中包含 SVG URL(1=是,0=否)0 | 1
line_weightnumber|string否线条图标的线宽(1~60)或范围(例如:"18-20")
thumbnail_sizeenum否缩略图大小(像素)42 | 84 | 200
limit_to_public_domainenum否仅显示公有领域图标(1=是,0=否)0 | 1

详细介绍

Noun MCP

Noun MCP — 通过 AI 助手搜索并下载 The Noun Project 图标

语言: English · 简体中文 · Español · Deutsch · 日本語 · Türkçe

npm version GitHub release License: MIT TypeScript Node.js MCP Registry MCP Toplist

Noun MCP Server MCP server – quality and maintenance score on Glama

用日常语言描述图标需求。 描述你需要什么——“一个实心咖啡杯,公有领域”—— 你的 AI 助手便会搜索 The Noun Project,挑选合适的图标,并将 SVG 或 PNG 下载到 你的项目中。支持 Cursor、Claude Desktop 和 Claude Code。

注意: 这是一个非官方的社区维护项目,与 The Noun Project 无关联,也未获其认可。

它能做什么?

  • 搜索 — 按风格、线条粗细和公有领域许可筛选
  • 下载 — 支持 SVG 或 PNG、自定义颜色和尺寸,并保存到你指定的路径
  • 浏览合集 — 查看精选图标集,而不仅限于单次搜索
  • 自动补全 — 在消耗配额前获取更合适的搜索词
  • 跟踪用量 — 查看每小时、每日和每月的服务调用与图标调用额度
  • 延长免费试用 — 客户端用量限制,让每月 150 次图标调用更耐用

底层共提供 7 个工具 — 完整列表见 docs/available-tools.md。

试着这样说

Find solid public-domain coffee cup icons, then download one as a red SVG into ./icons.
Suggest search terms for "spo", then search weather collections.
How many Noun Project API calls have I used this month?

快速开始

你需要 Node.js 18+ 和 Noun Project API 密钥(创建应用 — 免费账户即可)。将 NOUN_API_TIER 设为 FREE(每月 2,000 次服务调用 / 150 次图标调用)或 PAID。配额详情:docs/available-tools.md。

在 Cursor 中安装 在 VS Code 中安装

安装后,将 your_key / your_secret 替换为你的 Consumer Key 和 Secret。

Claude Code:

claude mcp add \
  --transport stdio \
  noun-project \
  --env NOUN_CONSUMER_KEY=your_key \
  --env NOUN_CONSUMER_SECRET=your_secret \
  --env NOUN_API_TIER=FREE \
  -- npx -y @alisaitteke/noun-mcp

或者,将以下内容添加到 MCP 客户端的配置中(Cursor、Claude Desktop 等):

{
  "mcpServers": {
    "noun-project": {
      "command": "npx",
      "args": ["-y", "@alisaitteke/noun-mcp"],
      "env": {
        "NOUN_CONSUMER_KEY": "your_key",
        "NOUN_CONSUMER_SECRET": "your_secret",
        "NOUN_API_TIER": "FREE"
      }
    }
  }
}

现成的配置文件:examples/cursor-config.json、examples/claude-desktop-config.json。

工作原理

  1. 用自然语言输入你想要的内容。
  2. AI 会先搜索——search_icons 是低成本的服务调用,并会直接返回 ID、许可证和缩略图。
  3. 仅在需要文件时下载——每次调用 download_icon / get_icon 都会消耗一次图标调用额度。

遇到配额错误?请调用 check_usage,然后等待或调整搜索条件。常见解决方法:docs/troubleshooting.md。

文档

  • 可用工具 — 全部 7 个工具、参数以及免费与付费选项
  • 故障排除 — 密钥、429 错误和公有领域下载
  • 架构 — OAuth、队列、重试和缓存
  • 开发 — 从源代码构建和测试

贡献

欢迎贡献!提交 PR 前,请先阅读 CONTRIBUTING.md。

维护者

由 Ali Sait Teke 构建 — GitHub · LinkedIn。

许可证

MIT

评论

支持 Markdown

第一次接触 MCP?

从协议是什么,到在客户端里装上第一个服务,这几条回答覆盖了大多数入门问题。

一个开放协议,规定了 AI 应用如何以统一方式连接外部工具与数据源。客户端负责与模型对话,MCP 服务负责提供工具、资源和提示模板,两者通过标准消息通信,同一个服务可以被不同客户端复用。