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 從公開儲存庫中收錄這些內容。

檢舉或申請下架