ワークフロー&基本ツール · daymade/claude-code-skills

llm-icon-finder

lobe-iconsライブラリからAI/LLMモデルのブランドアイコンを検索・取得します。アイコンURLが必要な場合、AIモデル/プロバイダー/アプリケーション(Claude、GPT、Geminiなど)のブランドロゴをダウンロードしたい場合、またはSVG/PNG/WEBP形式のアイコンをリクエストする場合に使用します。

L3 ネットワーク · ドメインとキー範囲を宣言V1 コミット固定ネットワーク通信ファイル書き込みDual-pass Audit
Author daymadeGitHub daymade/claude-code-skills ↗Stars 1392License MIT(仓库根 LICENSE 文件;GitHub API spdx MIT;Copyright (c) 2025 daymade)Commit d5c4678cb5
管理レベルは Skill の能力と推奨統制措置を示すものであり、品質や安全性の認証、利用可否の判定ではありません。使用の可否はユーザーおよび管理者が決定します。Agent 環境によって制約が異なるため、自動保護を仮定しないでください。第三者製 Skill の著作権は原著作者に帰属し、利用リスクは利用者が負います。

1仕組みと動作原理

極めてシンプルな実装原理:スキル自体はアイコンファイルを一切パッケージ化・ミラーリングせず、すべての機能は「固定CDNパステンプレート + アイコン名」の文字列連結のみで構成され、エージェントがその場でURLを生成してユーザーに提供します。

llm-icon-finder/SKILL.md
# PNG https://raw.githubusercontent.com/lobehub/lobe-icons/refs/heads/master/packages/static-png/{light|dark}/{icon-name}.png
ここで行われていること:SKILL.mdは4つのURLテンプレートを用いてlobe-iconsリポジトリの静的ディレクトリ規則(フォーマット部分 static-svg|static-png|static-webp + テーマ部分 light|dark + アイコン名)を固定化しており、本ディレクトリにはマークダウンファイルが3つあるのみで、バイナリアセットは一切含まれません。

デフォルトの出力方針は「ファイルではなくリンクを提供」:ユーザーがダウンロードを要求しない限りURLのみを返し、ダウンロード時のみホストのBashでcurlを実行します。

llm-icon-finder/SKILL.md
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}`
6ステップのワークフローでは3つのデフォルト値が固定されています:フォーマットはデフォルトでPNG、テーマはdark、そしてダウンロードの有無に関わらずlobehub.com/icons/{name}のWebビューアリンクが添付されます。

命名規則が唯一のオントロジー:小文字+ハイフンを使用し、複数のバリエーションはサフィックス(-colorでカラー、-textでテキスト版)で区別。中国語名はまず英語のアイコン名にマッピングする必要があります。

llm-icon-finder/SKILL.md
**Icon naming convention**: Lowercase, hyphenated (e.g., `claude`, `chatglm`, `openai`, `huggingface`)
同セクション上部には「Color variant (append -color to icon-name)」の記述もあります。検証により-color.png / -text.pngのバリアントがCDN上に実際に存在することを確認(claude-color.pngで200を返却)しており、サフィックス規則がアップストリームのディレクトリと一致していることが示されています。

中国語クエリは組み込みのマッピング表(智譜→chatglm、月之暗面→moonshotなど)に依存し、関連する同系統のアイコンも能動的に提示します。

llm-icon-finder/SKILL.md
**Chinese AI models**: Support Chinese queries (e.g., "智谱" → `chatglm`, "月之暗面" → `moonshot`)
サンプルセクションで同様のマッピングが再登場します('User: "找一下智谱的图标" → Identify: 智譜 = ChatGLM → icon name: chatglm'、さらにzhipuやcodegeexなどの関連アイコンへの言及を促す)—これはドメイン辞書をプロンプト内に直接埋め込む手法です。

頻出アイコンリストはreferences/icons-list.mdに外部化され、Models / Providers / Applications / Chinese AIの4カテゴリに分類。SKILL.mdはルーティングのみを保持します。

llm-icon-finder/SKILL.md
**Common icons**: See `references/icons-list.md` for comprehensive list organized by category (Models, Providers, Applications, Chinese AI)
リストは計57行、重複排除後で44個のアイコン名(Models 12 + Providers 17 + Applications 11 + 中国AI表 17行。中国語表には前3カテゴリにない4つの新規名ai360 / aimass / aihubmix / codegeexを含む)からなり、SKILL.md外で唯一のデータファイルであり、404トラブルシューティング時の候補プールでもあります。

404トラブルシューティングは再試行ではなく3ステップで実行:-colorサフィックスを試す → エイリアス(企業名 vs 製品名、chatgpt/gptやgoogle/geminiなど)を試す → ギャラリーの閲覧またはリポジトリ検索へ誘導。

llm-icon-finder/SKILL.md
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
皮肉な点として、トラブルシューティングで提示されているエイリアスchatgpt/gptはCDN上に実在しません(verification.second_passの不整合項目を参照)。このステップの候補名自体に陳腐化のリスクが存在します。

開発者向けの統合手順が個別のreferenceに記載:npmパッケージ名(@lobehub/iconsおよびそのstatic-svg/png/webp、rnバリアント)とReactコンポーネントの使用方法。

llm-icon-finder/references/developer-info.md
Icons can be installed as npm packages:
このパスは「自身のプロジェクトにアイコンを導入したい」ユーザー向けであり、主フロー(URLを結合して参照)とは互いに独立した別ルートです。これら5つのnpmパッケージはレジストリ上に存在することを確認済みです(HTTP 200)。

スキル本体には検証やフォールバックのコードが一切存在しない:URLが利用可能かどうかは、ユーザーまたはエージェントが事後的にcurlを実行して404を検知するしかなく、スキル自体にプローブ機能はありません。

llm-icon-finder/SKILL.md
- 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
「Uncertain names」セクションでは不確実性の処理を完全に人間やモデルの判断に委ねており、カタログ検証スクリプトを持ちません—これがカタログ検証を内包する同種スキル(hyperframesレジストリ系など)との大きな違いです。

2コア機能

01アイコン名に基づき直接参照可能なCDN URLを生成(SVG/PNG/WEBP × light/dark、および-colorカラーバリアント)
02重複なしで44個の頻出AI/LLMアイコン名リストを内蔵(57行、Models / Providers / Applications / 中国AIの4カテゴリで構成)
03中国語名からアイコン名へのマッピング(智譜→chatglm、月之暗面→moonshot、零一万物→zeroone/yi、通義千問→qwenなど)
04制御されたダウンロード:ユーザーの要求時のみホストのBashでcurl -oを実行してディスクに保存(サンプルではopenai.svg / anthropic.svgを提供)
05404トラブルシューティング手順:バリアントサフィックス → エイリアス候補 → 公式ギャラリー/リポジトリ検索
06開発者向け統合ガイド:5つのnpmパッケージ(React / static-svg / static-png / static-webp / React Native)とReactコンポーネントのサンプル
07アイコンの外観を目視確認できるよう、常にWebビューアリンクを添付

3外部依存関係

KindDependency / Endpoint
networklobe-icons 静态资源 CDN(PNG,实测 200)
networklobe-icons 静态资源 CDN(WEBP,实测 200)
networklobe-icons 静态资源 CDN(SVG;文档写的 {light|dark} 路径实测 404,实际位于 static-svg/icons/)
clicurl(宿主 Bash 执行的下载动作)
network图标画廊(人工浏览/确认外观)
network上游仓库(排障检索入口)
package@lobehub/icons(React 组件包;实测 npm registry 200)
package@lobehub/icons-static-svg / @lobehub/icons-static-png / @lobehub/icons-static-webp / @lobehub/icons-rn(实测 4 个包 registry 均 200)
network开发者文档站(图标库文档)

4推奨統制措置と判定根拠

安全運用のための推奨統制措置
Agent 向け
アクセス可能ドメインとキー範囲を宣言
管理者向け
最小権限のキー、リクエストログを保持
判定根拠(ファイルパスと抜粋)
  • 网络端点: 外部ネットワークアクセスの宣言: https://raw.githubusercontent.com/lobehub/lobe-icons/refs/heads/master/pack
  • 本地工作目录: ファイル読み書きおよび成果物出力: ユーザーが明示的にダウンロードを求めた場合のみ:ホストのBashが `curl -o <icon>.<ext>` を実行し、エージェント/ユーザーが指定したパスに書き込み(SKILL.mdに固定パスの規定なし)
監査ノート: 6段階評価の第3段階「一般的なネットワーク呼び出し(公開API/公式CLI)、外部送信先が予測可能」に該当:本スキルはスクリプト実行、クレデンシャル読み取り、ローカル書き込み(ユーザーが自発的に要求したダウンロードを除く)を行わず、唯一の外部アクションは固定の公開エンドポイント raw.githubusercontent.com/lobehub/lobe-icons からの読み取りのみです。パスプレフィックスも固定されておりユーザーデータの外部送信も含まれないため、クレデンシャルやリモートパッケージ実行を伴う「オレンジ」には該当しません。ただし、実際にネットワークアクセスを発生させディスク保存を指示するため、実行時依存を持たない純粋なテキスト系スキル(グリーン)より一段階上の評価となります。真の懸念点はセキュリティではなく信頼性にあります:①SKILL.md内のSVGパステンプレート(packages/static-svg/{light|dark}/)が現行のアップストリーム構成と不一致(実測で404、正しくはstatic-svg/icons/)であり、そのまま使用すると壊れたリンクになります。②リスト内のchatgpt / gpt / llama / lobechatの4つの名前がCDN上に存在しません(実測404、アップストリーム側の対応名はopenai / meta / lobehub)。③URLがアップストリームのmasterブランチに追従しておりバージョン固定(pin)されていないため、上流のディレクトリ構成変更によって本スキルのドキュメントが機能しなくなるリスクがあります(今回の検証で既に1件確認済み)。

5二重目の独立検証

  • [ok] PNG / WEBP 端点可用性(skill 的主路径) — curl 实测:packages/static-png/dark/claude.png = 200、packages/static-png/dark/claude-color.png = 200、packages/static-png/light/claude.png = 200、packages/static-webp/dark/claude.webp = 200,不存在的名字(notarealicon123.png)返回 404 —— 主路径与文档模板一致,404 也可正常反映为 404。
  • [discrepancy] SVG 路径模板 vs 上游真实布局 — SKILL.md 写 `packages/static-svg/{light|dark}/{icon-name}.svg`,实测 packages/static-svg/dark/claude.svg = 404、.../light/claude.svg = 404、.../dark/claude-color.svg = 404;GitHub Contents API 显示 packages/static-svg 下只有 icons/ 子目录(无 light/dark 段),tree API 中 static-svg 路径 911 条、形如 packages/static-svg/icons/claude.svg,curl 实测 200。即 SVG 分支的模板已过期(PNG/WEBP 仍是 light|dark 布局,两条路径规则已不一致)。
  • [discrepancy] icons-list.md 名录逐名验证 — 把名录去重后的 44 个图标名逐个 GET static-png/dark/<name>.png:40 个 200,4 个 404 —— `chatgpt`、`gpt`、`llama`、`lobechat`;这 4 个名字在 static-svg/icons 的仓库树里同样不存在(tree API 过滤结果为空)。可用替代名实测均 200:openai(对应 chatgpt/gpt)、meta(对应 llama)、lobehub(对应 lobechat)。即名录是『上游旧名 + 别名』的混合体,需要 agent 现场纠偏(讽刺的是 SKILL.md 的 404 排障恰恰建议试 chatgpt/gpt 这两个已失效的名字)。
  • [ok] npm 包名真实性(developer-info.md) — curl registry.npmjs.org/<pkg>/latest:@lobehub/icons、@lobehub/icons-static-svg、@lobehub/icons-static-png、@lobehub/icons-static-webp、@lobehub/icons-rn 五个均返回 200,包名与用途注释对应无误;这些是给用户在自己项目里安装的指引,skill 运行期不会自动安装。
  • [ok] 画廊与仓库入口可达性 — https://lobehub.com/icons 返回 302(跳转,属正常站点行为);https://github.com/lobehub/lobe-icons 为公开仓库且 tree API 可读(master 分支可访问,packages/ 下有 react-native、static-avatar、static-png、static-svg、static-webp 五个包)。文档给的四个外链(画廊/仓库/文档/npm 搜索)均非死链。
  • [ok] 功能声明 vs 实际能力(夸大检查) — SKILL.md/README 声称 '100+ icons',实际上游规模远大:单 packages/static-png/dark 目录即含数百个 PNG(含 -color/-text 变体),static-svg/icons 有 911 个 svg 路径,且涵盖名录之外的品牌(如 adobe、aws、cursor、vercel)——声明属保守而非夸大。反面:declared 'Comprehensive' 的名录只 44 名、且含 4 个失效名,'comprehensive' 一词偏乐观。
  • [ok] 『支持中文查询』的映射来源 — SKILL.md 的 '智谱 → chatglm、月之暗面 → moonshot' 与 icons-list.md 的中文列表格(| `chatglm` | 智谱清言 | ChatGLM |、| `moonshot` | 月之暗面 | Moonshot (Kimi) | 等 17 行)一致,映射有仓内依据;但『智谱=ChatGLM』这类厂商别名词典属领域知识,仓内无法证真伪,只能确认两侧文本自洽。
  • [discrepancy] 下载示例可照抄性 — SKILL.md 的 Multi-icons 示例里 URL 用了省略号:`curl -o openai.svg "https://raw.githubusercontent.com/lobehub/lobe-icons/.../dark/openai.svg"`,and 完整可用的路径需要补 `packages/static-png`(SVG 情况还要改成 static-svg/icons)。照字面复制该示例会得到无效/404 请求;同一文档上方的模板段才是可执行形式。

6結論

  • 極めて低コストかつ依存関係ゼロでの導入:3つのマークダウンファイルのみで完結し、パッケージ導入や付属スクリプトなしに任意のホストで直接読み取り可能。
  • デフォルトでファイル保存ではなくリンクを提供するため、README/ドキュメント/デモへの統合が最も手軽で、ユーザーのディレクトリを汚さない。
  • 網羅的なフォーマット次元:3種のフォーマット × light/dark × -colorバリアントを1つのテンプレートでカバーし、一般的な参照要件に対応。
  • 44個の頻出リスト+中国語マッピングにより、主要なモデル/ベンダー/アプリおよび中国国内ベンダーを網羅し、中国語の質問から直接アイコン名へ解決可能。
  • 完全な開発者向けパス:実在する5つのnpmパッケージ+Reactでの使用方法を記載し、単なるリンク参照にとどまらずプロジェクトへの組み込みを支援。
  • 最適な用途: 適しているケース:①README、技術文書、プレゼン資料、LP作成時にClaude、OpenAI、Geminiなどのブランドアイコン直リンクを即座に入手したい場合。②リポジトリ内にアイコン画像を抱え込まずリンク参照で済ませたいチーム(PNG/WEBPの直リンクが最も安定的)。③中国語名(智譜、月之暗面、通義千問など)での検索が必要なユーザー。④フロントエンド開発において画像ファイルではなくReactコンポーネントとして利用したい開発者(developer-info.mdのnpmルートを利用)。
    不向きな用途: 適していないケース:①リンク切れが絶対に許されず、長期にわたる永続的なURL安定性が求められる環境(アップストリームのmasterブランチ直リンクであるため。今回の検証でもSVGテンプレートの破損やリスト内の4名で404を確認済み)。②オフラインまたは社内閉域網環境(全アイコンがraw.githubusercontent.com上に配置されているため)。③アイコンのメタデータ、ライセンス情報、ブランド利用規約の取得が必要なシナリオ(本スキルは画像直リンクのみを提供し、利用許諾やコンプライアンス情報は別途確認が必要)。④スキル側でのアイコン名自動存在チェックを期待する場合(プローブ機能は一切なく、404は自身で検知する必要あり)。
    Install Agent-Ready
    ① Verified Mirror 2026-09-15
    Option A · Direct DownloadDownload llm-icon-finder.tar.gz
    sha256: 8c8f311d4974d206…
    Option B · Copy Guide for Agent
    install.json
    Agent はこの JSON ガイドから自動的にダウンロードして検証します。
    ② Upstream GitHub
    GitHub Repo ↗
    Pinned to commit d5c4678cb5.