AI导哈

图标获取工具

通过Iconify API为前端/UI/设计师提供SVG图标获取服务，简化工作流程。

  • by Leee62
  • JavaScript
  • 本地部署
  • 4 星标
  • 更新于
在 GitHub 查看 Leee62/pickapicon-mcp

使用说明

皮卡匹肯mcp

描述

这是FE/UI/Designer通过Iconify API获取SVG的mcp。

通过使用pickapicon mcp，你只需要让LLM得到你需要的东西，而不是去网站查找svg和愚蠢地复制。

它可以使您的工作流程简化，与MCP和LLM共舞😎.

👉👉 Icon回购网站 图标化 👈👈

工具

  • get_icon_repos

    • 获取所有仓库名称，用于其他工具参数 <prefix>

  • get_icons_by_desc_and_prefix

    • 通过输入desc你想要什么和前缀来获取图标
    • 输入：
      • desc：desc你想要什么
      • 前缀？：前缀

  • get_icon_detail_by_prefix_and_name

    • 通过前缀和SVG名称获取图标详细信息（SVG代码）
    • 输入：
      • svg名称：svg名称
      • 前缀？：前缀

快速启动

通过Smithery安装

通过以下方式自动安装适用于Claude Desktop的Pickapicon MCP 史密瑟里:

npx -y @smithery/cli install @Leee62/pickapicon-mcp --client claude

这是MCP服务器配置

  "mcpServers": {
    "pickapicon-mcp": {
      "type": "stdio",
      "command": "npx",
      "args": [
        "-y",
        "pickapicon-mcp@latest"
      ],
      "env": {
        "PREFIX": "<LIKE ant-design>"
      }
    }
  }

案例

  • 快速获取组件/PAGE的svg
  • 用现代设计色彩获取svg

许可证

麻省理工学院

相关 MCP