mcpField
L
llm-icon-finder

llm-icon-finder

github.com/daymade设计与 UI1.5k958 次安装今天更新
代码仓库

关于 llm-icon-finder

llm-icon-finder 是通过 lobe-icons 查找 AI 与 LLM 品牌图标的技能，适用于需要为模型、提供商或应用获取图标的用户。它按图标名称和格式构造 CDN 地址，并提供主题变体及查找建议。

主要功能

  1. 01查找模型、提供商和应用图标
  2. 02支持 SVG、PNG 与 WEBP
  3. 03提供浅色、深色及部分彩色变体
  4. 04按名称规则构造 CDN 地址
  5. 05提供图标浏览与疑难排查指引

适用场景

  1. 01为产品界面查找模型图标
  2. 02为文档获取提供商或应用标识
  3. 03按指定格式和主题生成图标链接

安装

复制下面的命令，在终端中运行。

$npx skills add https://github.com/daymade/claude-code-skills --skill llm-icon-finder

安装后在 Claude Code 中输入/llm-icon-finder确认已加载。

附带文件references/developer-info.mdreferences/icons-list.md

详细介绍

查找 AI/LLM 品牌图标

从 lobe-icons 图标库获取 AI/LLM 模型品牌图标和徽标。该库包含 100 多个图标，涵盖模型（Claude、GPT、Gemini）、提供商（OpenAI、Anthropic、Google）和应用程序（ComfyUI、LobeChat）。

图标格式和变体

可用格式：SVG（可缩放）、PNG（位图）、WEBP（压缩） 主题变体：浅色、深色和彩色（部分图标）

CDN URL 模式

使用以下模式构建 URL：

# SVG
https://raw.githubusercontent.com/lobehub/lobe-icons/refs/heads/master/packages/static-svg/{light|dark}/{icon-name}.svg

# PNG
https://raw.githubusercontent.com/lobehub/lobe-icons/refs/heads/master/packages/static-png/{light|dark}/{icon-name}.png

# WEBP
https://raw.githubusercontent.com/lobehub/lobe-icons/refs/heads/master/packages/static-webp/{light|dark}/{icon-name}.webp

# Color variant (append -color to icon-name)
https://raw.githubusercontent.com/lobehub/lobe-icons/refs/heads/master/packages/static-png/dark/{icon-name}-color.png

图标命名约定：小写字母，以连字符分隔（例如，claude、chatglm、openai、huggingface）

工作流

当用户请求图标时：

  1. 确定图标名称（通常是小写的公司或模型名称；多个词时以连字符分隔）
  2. 确定格式（默认：PNG）和主题（默认：深色）
  3. 使用上述模式构建 CDN URL
  4. 向用户提供 URL
  5. 如果用户请求下载，使用 Bash 工具和 curl
  6. 附上网页浏览器链接：https://lobehub.com/icons/{icon-name}

查找图标名称

常见图标：参见 references/icons-list.md，其中按类别（模型、提供商、应用程序、中国 AI）整理了完整列表

不确定名称时：

  • 浏览 https://lobehub.com/icons
  • 尝试不同名称（例如，公司名称与产品名称：alibaba 和 alibabacloud）
  • 如果标准 URL 无效，检查是否有 -color 变体

中国 AI 模型：支持中文查询（例如，“智谱” → chatglm，“月之暗面” → moonshot）

示例

请求单个图标：

User: "Claude icon"
→ Provide: https://raw.githubusercontent.com/lobehub/lobe-icons/refs/heads/master/packages/static-png/dark/claude.png
→ Also mention color variant and web viewer link

下载多个图标：

curl -o openai.svg "https://raw.githubusercontent.com/lobehub/lobe-icons/.../dark/openai.svg"
curl -o anthropic.svg "https://raw.githubusercontent.com/lobehub/lobe-icons/.../dark/anthropic.svg"

中文查询：

User: "找一下智谱的图标"
→ Identify: 智谱 = ChatGLM → icon name: chatglm
→ Provide URLs and mention related icons (zhipu, codegeex)

故障排除

如果 URL 返回 404：

  1. 尝试添加 -color 后缀的变体
  2. 检查其他命名方式（例如，chatgpt 和 gpt、google 和 gemini）
  3. 引导用户前往 https://lobehub.com/icons 浏览
  4. 搜索代码仓库：https://github.com/lobehub/lobe-icons

参考文件

  • references/icons-list.md - 按类别列出的 100 多个可用图标的完整清单
  • references/developer-info.md - npm 安装和 React 用法示例

评论

支持 Markdown