Llm Icon Finder

daymade/claude-code-skills/llm-icon-finder

作者 daymade2c6d263d1fcc无许可证1.4K 个星标收录于 2026年10月8日更新于 2026年10月8日仓库今天更新

Finding and accessing AI/LLM model brand icons from lobe-icons library. Use when users need icon URLs, want to download brand logos for AI models/providers/applications (Claude, GPT, Gemini, etc.), or request icons in SVG/PNG/WEBP formats.

仅含说明Design & Creative
AI 生成的概览

查询 AI/LLM 品牌图标名称,并生成 lobe-icons 库中 SVG、PNG 或 WEBP 文件的 CDN 链接。

功能
该技能帮助智能体从 lobe-icons 库中查找 AI、LLM 及厂商品牌图标。它把用户请求的品牌或模型映射为小写连字符形式的图标名称,再按浅色、深色或彩色变体生成 SVG、PNG 或 WEBP 格式的 CDN 链接。它还会指向随附的图标清单和网页查看链接,并在链接失效时提供排查步骤。
适用场景
当用户需要图标链接,或想下载 Claude、GPT、Gemini 等 AI 模型、厂商或应用的品牌标志时使用。它也适用于指定图标格式或主题变体的请求,包括中文提问。
运行要求
需要网络访问以从 lobe-icons 的 CDN 或仓库获取图标;下载时提到使用带 curl 的 Bash 工具。该技能不附带脚本,依赖两份随附的参考文档。

Finding AI/LLM Brand Icons

Access AI/LLM model brand icons and logos from the lobe-icons library. The library contains 100+ icons for models (Claude, GPT, Gemini), providers (OpenAI, Anthropic, Google), and applications (ComfyUI, LobeChat).

Icon Formats and Variants

Available formats: SVG (scalable), PNG (raster), WEBP (compressed) Theme variants: light, dark, and color (some icons)

CDN URL Patterns

Construct URLs using these patterns:

# SVGhttps://raw.githubusercontent.com/lobehub/lobe-icons/refs/heads/master/packages/static-svg/{light|dark}/{icon-name}.svg
# PNGhttps://raw.githubusercontent.com/lobehub/lobe-icons/refs/heads/master/packages/static-png/{light|dark}/{icon-name}.png
# WEBPhttps://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

Icon naming convention: Lowercase, hyphenated (e.g., claude, chatglm, openai, huggingface)

Workflow

When users request icons:

  1. Identify icon name (usually lowercase company/model name, hyphenated if multi-word)
  2. Determine format (default: PNG) and theme (default: dark)
  3. Construct CDN URL using pattern above
  4. Provide URL to user
  5. If download requested, use Bash tool with curl
  6. Include web viewer link: https://lobehub.com/icons/{icon-name}

Finding Icon Names

Common icons: See references/icons-list.md for comprehensive list organized by category (Models, Providers, Applications, Chinese AI)

Uncertain names:

  • Browse https://lobehub.com/icons
  • Try variations (e.g., company name vs product name: alibaba vs alibabacloud)
  • Check for -color variants if standard URL fails

Chinese AI models: Support Chinese queries (e.g., "智谱" → chatglm, "月之暗面" → moonshot)

Examples

Single icon request:

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

Multiple icons download:

bash
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"

Chinese query:

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

Troubleshooting

If URL returns 404:

  1. Try -color suffix variant
  2. Check alternate naming (e.g., chatgpt vs gpt, google vs gemini)
  3. Direct user to https://lobehub.com/icons to browse
  4. Search repository: https://github.com/lobehub/lobe-icons

Reference Files

  • references/icons-list.md - Comprehensive list of 100+ available icons by category
  • references/developer-info.md - npm installation and React usage examples

来源与署名

来源:daymade/claude-code-skills位于llm-icon-finder提交2c6d263

许可证: 无许可证

内容归原作者所有。SourceWeft 从公开仓库中收录这些内容。

举报或申请下架