icon-image-catch-skill

icon-image-catch-skill is a skill for Claude Code, Codex from jiushiwon/wg-skills. It costs 40 tokens per session (1,091 once invoked), scanned A, original, Apache-2.0.

A routing guide for finding and downloading icons and images for a project, including icons, photos, backgrounds, and banners.

In plain words
What is it for?
Use it to audit a project’s missing visual assets and fetch suitable icons or images from configured libraries and image sources.
Why use it?
It organizes asset searches by type, source, style, licensing information, storage location, and fallback options.

Skill for Claude CodeCodex

Written for no agent in particular: nothing here depends on one.

Good fit Use it to audit a project’s missing visual assets and fetch suitable icons or images from configured libraries and image sources.

Compare 6 skills from other repositories ↓
Install with agentmods
npx agentmods add skills/jiushiwon/wg-skills/icon-image-catch-skill
Install

Getting it into your agent

One page per mod, every tool's command on it. A separate URL per tool would split the same page into five that compete with each other.

Any agent
npx skills add jiushiwon/wg-skills --skill icon-image-catch-skill
Clone the repo
git clone --depth 1 https://github.com/jiushiwon/wg-skills

Made for: Claude Code, Codex.

Wrote this? Show the measurements

A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.

agentmods badge for icon-image-catch-skill

README.md
[![agentmods](https://agentmods.dev/badge/skills/jiushiwon/wg-skills/icon-image-catch-skill/github.svg)](https://agentmods.dev/skills/jiushiwon/wg-skills/icon-image-catch-skill)
Your own site
<a href="https://agentmods.dev/skills/jiushiwon/wg-skills/icon-image-catch-skill"><img src="https://agentmods.dev/badge/skills/jiushiwon/wg-skills/icon-image-catch-skill/github.svg" alt="Measured on agentmods" height="20"></a>

Or the 80×15 button, for a site that already has a row of RSS and ATOM ones. Only the verdict fits; the numbers stay here.

agentmods 80×15 button for icon-image-catch-skill

Your own site · 80×15
<a href="https://agentmods.dev/skills/jiushiwon/wg-skills/icon-image-catch-skill"><img src="https://agentmods.dev/badge/skills/jiushiwon/wg-skills/icon-image-catch-skill.svg" alt="Reviewed on agentmods" width="80" height="20"></a>
Per session 40 Skills are progressive disclosure: only the name and description are preloaded; the body loads when the skill is used.
When invoked 1,091 The whole file, excluding the scripts and references it only reads on demand.
Security scan A 0 findings. A grade says what 26 rules found in the file — not that it is safe. Third-party audits
  • NVIDIA SkillSpector pass 7 Sept 2026
How audits are shown
Origin original No closer match found in the catalogue.
Token cost

What it costs to keep this loaded

Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.

ModelPer sessionOnce invoked
Fable 5.1 $0.00040 $0.01091
Opus 5 $0.00020 $0.00545
Sonnet 5 $0.00008 $0.00218
Haiku 4.5 $0.00004 $0.00109

Measured 11d ago against content hash b83d6e70efda, method: parsed. Prices are Anthropic first-party input rates as of 2026-09-11, from the pricing page.

Security

Grade A, and why

icon-image-catch-skill scanned grade A with 0 findings against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured 11d ago.

A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.

Nothing flagged

None of the 26 patterns this scan looks for appear in this file: no shell pipes, no recursive deletes, no credential paths, no hidden text, no instruction-override or anti-refusal phrasing, no agent-config snooping. That is not a guarantee, it is the absence of the things that are checkable.

vibeCoding/frontend/icon-image-catch-skill/SKILL.md · 65 lines

How it starts

The opening of the file, as written. The whole thing — 65 lines — stays where its author put it; the contents beside it link to each section on GitHub.

icon-image-catch-skill — 远程素材抓取总入口

本技能不执行任何本地脚本,只提供规范与流程。Claude 应根据以下规则,直接调用 Iconify、图库 API 或浏览器/网络工具完成素材抓取。

路由判断

用户意图 进入子技能
要图标、icon、小图标、功能图标、tabBar 图标 icon-catch-skill
要图片、配图、背景图、banner、头图、照片 image-catch-skill
两者都要 先 icon 后图片,分别执行
扫描项目并自动抓取所需素材 先执行「项目素材需求审计」,再按审计结果自动进入对应子技能抓取
审计项目需要哪些素材 见下文「项目素材需求审计」

通用工作原则

  1. 语义先行:先把用户需求翻译成精准英文搜索词。
  2. 选库/选源询问:抓图标前先问用户想用的图标库;抓图片前先问图源。用户不选则默认自动降级。
  3. 就近落地:素材下载到用户项目约定的目录(如 static/iconsstatic/images)。
  4. 可追溯:记录素材来源、作者、原始链接,必要时写入同目录元数据文件。
  5. 风格统一:同一项目的图标必须来自同一图标集、同一风格;图片色调与项目主题色协调。
  6. 降级意识:icon 某库失败 → 自动降级下一库;抓不到 → 换关键词 → 仍不行建议用 image-forge-skill 生成。图片某源失败 → 自动降级下一源。
  7. 压缩询问:下载图片时默认询问用户是否压缩;若压缩,可用 image-forge-skill 等工具处理,或依赖图源远程缩放参数。

环境准备(由 Claude 负责)

  • icon 抓取:基于 Iconify,零配置、免费、无需 Key。
  • 图片抓取
    • 自定义源:询问用户是否有自己的图片 CDN/图片服务。
    • 正版图库:Pexels / Pixabay / Unsplash,需用户自行申请免费 Key。
    • 默认兜底:未配置任何 Key 时,使用 Lorem Flickr(关键词语义)和 Picsum(随机占位)。

Claude 不应在 skill 目录下执行 npm install 或运行 Node.js 脚本。

项目素材需求审计

当用户要求审计项目素材时:

  1. 读取用户项目文件(页面、组件、样式、配置文件)。
  2. 探测项目框架(uniapp / vue3 / react / next / nuxt 等)、平台类型(移动端 / PC / Web)、主题色、静态资源目录。具体探测规则参考 references/project-type-detection.md
  3. 扫描代码中可能需要 icon / image 的位置(如 tabBarnavbarherobannerbackgroundavatarlogo 等关键词)。
  4. 盘点已有 icon / image / font 资源。
  5. 必须输出 assets-requirements-report.md,包含:
    • 项目框架、平台、主题色
    • 现有资源清单
    • 按平台推荐的尺寸规格(参考 references/image-sizes.mdreferences/project-type-detection.md
    • 发现的素材需求位置
    • 可复用现有资源的建议
    • 推荐抓取风格与色调

报告文件默认放在项目根目录;若项目已有 docs/ 目录且用户无特殊要求,可放入 docs/assets-requirements-report.md

Claude 应使用文件读取、搜索等工具完成审计,不运行任何本地审计脚本

与其他技能的关系

  • image-forge-skill:本技能「抓取」现成专业图标;抓不到合适图标时,建议转 image-forge-skill 的 icons 模式生成。
  • image-forge-skill:本技能负责找图;需要本地压缩、裁剪、格式转换、水印、合成时,转 image-forge-skill
  • uniapp-app-generate-skill / frontend-ui-foundry:生成页面时若需要图标与配图,应调用本技能能力获取真实素材。

Read the full file on GitHub · 65 lines

Changes

What this file has done since we first saw it

Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.

  1. 11d ago First seen · 65 lines · 40 tokens per session scan A b83d6e70efda

Subscribe to this mod's changes

icon-image-catch-skill is a skill published in the GitHub repository jiushiwon/wg-skills (99 stars, last pushed yesterday), licensed Apache-2.0. It adds 40 tokens to every session and 1,091 once invoked, about $0.0002 per session on Opus 5. A static security scan graded it A with 0 findings. No closer match exists in the catalogue, so it is treated as the original; first seen 2026-08-30.

Related

Other skills, from other repositories

webgl-holographic-foil

A self-contained WebGL2 hero: thin-film interference over a crushed-foil surface whose palette shifts with the viewing angle; move the cursor to tilt the film.

nexu-io/open-design · 41 tokens

general-video

Author or edit a custom HyperFrames composition when no specialized workflow fits, or when BRIEF.md sets flow: companion. Use for longer or multi-scene pieces, brand and sizzle reels, montages, static loops, static title cards, footage remixes, and freeform builds. Use motion-graphics instead for a short unnarrated…

heygen-com/hyperframes · 92 tokens

html-ppt-hermes-cyber-terminal

OpenDesign + BYOK: choosing and wiring your own model, hands-on — cost, quality, and the routing decision. Built as a decision-grade AI literacy deck for engineers, IT, applied-AI teams.

nexu-io/open-design · 53 tokens

html-ppt-taste-brutalist

16:9 HTML deck in tactical-telemetry / CRT-terminal taste. Deactivated-CRT charcoal slides, white-phosphor monospace, hazard-red accent, scanline overlay, ASCII syntax, density over decoration. Distilled from Leonxlnx/taste-skill brutalist-skill (Tactical Telemetry mode).

nexu-io/open-design · 78 tokens

chengfeng-check-updates

An environment manager for a video-editing system. It checks whether its skills and runtime—the software needed to run them—are installed and compatible.

Agentchengfeng/chengfeng-videocut-skills · 120 tokens

diagnostic-stem-delivery

Audio production with diagnostic analysis, timecode parsing from documents, and verified export workflow.

HKUDS/OpenSpace · 23 tokens