Agent Skillsdaymade/claude-code-skills › llm-icon-finder

llm-icon-finder

GitHub

提供AI/LLM品牌图标的URL生成与下载服务,支持SVG/PNG/WEBP格式及多主题变体,涵盖主流模型与应用图标。

llm-icon-finder/SKILL.md daymade/claude-code-skills

Trigger Scenarios

用户请求特定AI模型的图标 需要批量下载品牌Logo 询问图标获取方式

Install

npx skills add daymade/claude-code-skills --skill llm-icon-finder -g -y
More Options

Non-standard path

npx skills add https://github.com/daymade/claude-code-skills/tree/main/llm-icon-finder -g -y

Use without installing

npx skills use daymade/claude-code-skills@llm-icon-finder

指定 Agent (Claude Code)

npx skills add daymade/claude-code-skills --skill llm-icon-finder -a claude-code -g -y

安装 repo 全部 skill

npx skills add daymade/claude-code-skills --all -g -y

预览 repo 内 skill

npx skills add daymade/claude-code-skills --list

SKILL.md

Frontmatter
{
    "name": "llm-icon-finder",
    "description": "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."
}

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:

  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:

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

Version History

  • e00a2ec Current 2026-08-20 11:28

Same Skill Collection

capture-screen/SKILL.md
cloudflare-troubleshooting/SKILL.md
codex-image-gallery/SKILL.md
daymade-claude-code/claude-skills-troubleshooting/SKILL.md
daymade-claude-code/claude-usage-analyst/SKILL.md
daymade-claude-code/continue-claude-work/SKILL.md
daymade-claude-code/marketplace-dev/SKILL.md
daymade-docs/doc-to-markdown/SKILL.md
daymade-docs/mermaid-tools/SKILL.md
daymade-docs/ppt-creator/SKILL.md
daymade-financial/ashare-news-fetcher/SKILL.md
daymade-financial/devils-advocate/SKILL.md
daymade-financial/gangtise-copilot/SKILL.md
daymade-financial/pharma-daily-report/SKILL.md
daymade-skill/skill-reviewer/SKILL.md
daymade-skill/skills-search/SKILL.md
design-style-picker/SKILL.md
douban-skill/SKILL.md
download-gemini-images/SKILL.md
excel-automation/SKILL.md
fact-checker/SKILL.md
gemini-history-analyzer/SKILL.md
github-ops/SKILL.md
github-sensitive-data-cleanup/SKILL.md
i18n-expert/SKILL.md
macos-cleaner/SKILL.md
notify-wecom/SKILL.md
openclaw/SKILL.md
product-analysis/SKILL.md
prompt-optimizer/SKILL.md
promptfoo-evaluation/SKILL.md
repomix-unmixer/SKILL.md
scrapling-skill/SKILL.md
setup-notifications-via-wecom/SKILL.md
slides-creator/SKILL.md
ui-designer/SKILL.md
video-comparer/SKILL.md
wps-doc-scraper/SKILL.md
youtube-downloader/SKILL.md
auto-repo-setup/SKILL.md
benchmark-due-diligence/SKILL.md
bilibili-source/SKILL.md
cli-demo-generator/SKILL.md
competitors-analysis/SKILL.md
daymade-audio/asr-transcribe-to-text/SKILL.md
daymade-audio/meeting-minutes-taker/SKILL.md
daymade-audio/stepfun-asr/SKILL.md
daymade-audio/stepfun-tts/SKILL.md
daymade-audio/transcript-fixer/SKILL.md

Metadata

Files
0
Version
e00a2ec
Hash
fe87e210
Indexed
2026-08-20 11:28

inicio - Wiki
Copyright © 2011-2026 iteam. Current version is 2.155.2. UTC+08:00, 2026-08-21 09:53
浙ICP备14020137号-1 $mapa de visitantes$