npx skills add ...
npx skills add daymade/claude-code-skills --skill llm-icon-finder
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.
npx skills add daymade/claude-code-skills --skill llm-icon-finder
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).
Available formats: SVG (scalable), PNG (raster), WEBP (compressed) Theme variants: light, dark, and color (some icons)
Construct URLs using these patterns:
Icon naming convention: Lowercase, hyphenated (e.g., claude, chatglm, openai, huggingface)
When users request icons:
https://lobehub.com/icons/{icon-name}Common icons: See references/icons-list.md for comprehensive list organized by category (Models, Providers, Applications, Chinese AI)
Uncertain names:
alibaba vs alibabacloud)-color variants if standard URL failsChinese AI models: Support Chinese queries (e.g., "智谱" → chatglm, "月之暗面" → moonshot)
Single icon request:
Multiple icons download:
Chinese query:
If URL returns 404:
-color suffix variantchatgpt vs gpt, google vs gemini)references/icons-list.md - Comprehensive list of 100+ available icons by categoryreferences/developer-info.md - npm installation and React usage examplesUser: "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 linkcurl -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)