Agent 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.
Install this agent skill to your Project
npx add-skill https://github.com/daymade/claude-code-skills/tree/main/llm-icon-finder
SKILL.md
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:
# 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
Icon naming convention: Lowercase, hyphenated (e.g., claude, chatglm, openai, huggingface)
Workflow
When users request icons:
- Identify icon name (usually lowercase company/model name, hyphenated if multi-word)
- Determine format (default: PNG) and theme (default: dark)
- Construct CDN URL using pattern above
- Provide URL to user
- If download requested, use Bash tool with curl
- 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:
alibabavsalibabacloud) - Check for
-colorvariants 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:
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:
- Try
-colorsuffix variant - Check alternate naming (e.g.,
chatgptvsgpt,googlevsgemini) - Direct user to https://lobehub.com/icons to browse
- Search repository: https://github.com/lobehub/lobe-icons
Reference Files
references/icons-list.md- Comprehensive list of 100+ available icons by categoryreferences/developer-info.md- npm installation and React usage examples
Recommended Agent Skills
Expand your agent's capabilities with these related and highly-rated skills.
excel-automation
Create, parse, and control Excel files on macOS. Professional formatting with openpyxl, complex xlsm parsing with stdlib zipfile+xml for investment bank financial models, and Excel window control via AppleScript. Use when creating formatted Excel reports, parsing financial models that openpyxl cannot handle, or automating Excel on macOS.
claude-code-history-files-finder
Finds and recovers content from Claude Code session history files. This skill should be used when searching for deleted files, tracking changes across sessions, analyzing conversation history, or recovering code from previous Claude interactions. Triggers include mentions of "session history", "recover deleted", "find in history", "previous conversation", or ".claude/projects".
claude-skills-troubleshooting
Diagnose and resolve Claude Code plugin and skill issues. This skill should be used when plugins are installed but not showing in available skills list, skills are not activating as expected, or when troubleshooting enabledPlugins configuration in settings.json. Triggers include "plugin not working", "skill not showing", "installed but disabled", or "enabledPlugins" issues.
fixing-claude-export-conversations
Fixes broken line wrapping in Claude Code exported conversation files (.txt), reconstructing tables, paragraphs, paths, and tool calls that were hard-wrapped at fixed column widths. Includes an automated validation suite (generic, file-agnostic checks). Triggers when the user has a Claude Code export file with broken formatting, mentions "fix export", "fix conversation", "exported conversation", "make export readable", references a file matching YYYY-MM-DD-HHMMSS-*.txt, or has a .txt file with broken tables, split paths, or mangled tool output from Claude Code.
continue-claude-work
Recover actionable context from local `.claude` session artifacts and continue interrupted work without running `claude --resume`. This skill should be used when the user provides a Claude session ID, asks to continue prior work from local history, or wants to inspect `.claude` files before resuming implementation.
promptfoo-evaluation
Configures and runs LLM evaluation using Promptfoo framework. Use when setting up prompt testing, creating evaluation configs (promptfooconfig.yaml), writing Python custom assertions, implementing llm-rubric for LLM-as-judge, or managing few-shot examples in prompts. Triggers on keywords like "promptfoo", "eval", "LLM evaluation", "prompt testing", or "model comparison".
Didn't find tool you were looking for?