favicon

favicon is a skill for Claude Code from sutchan/Agent-Skills-Hub. It costs 23 tokens per session (2,330 once invoked), scanned B, original, MIT.

A setup workflow that creates common favicon files from a source image and adds the required HTML links to a web project. Favicons are the small icons shown in browser tabs and bookmarks.

In plain words
What is it for?
Use it to configure favicons for supported web projects from a PNG, JPEG, SVG, WebP, or GIF source image.
Why use it?
It avoids manually preparing multiple icon sizes and wiring them into the page.

Skill for Claude Code

Written for Claude Code: argument-hint in frontmatter. Also seen: positional $N argument.

Good fit Use it to configure favicons for supported web projects from a PNG, JPEG, SVG, WebP, or GIF source image.

Compare 6 skills from other repositories ↓
Install with agentmods
npx agentmods add skills/sutchan/agent-skills-hub/favicon
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 sutchan/Agent-Skills-Hub --skill favicon
Clone the repo
git clone --depth 1 https://github.com/sutchan/Agent-Skills-Hub

Made for: Claude Code.

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 favicon

README.md
[![agentmods](https://agentmods.dev/badge/skills/sutchan/agent-skills-hub/favicon/github.svg)](https://agentmods.dev/skills/sutchan/agent-skills-hub/favicon)
Your own site
<a href="https://agentmods.dev/skills/sutchan/agent-skills-hub/favicon"><img src="https://agentmods.dev/badge/skills/sutchan/agent-skills-hub/favicon/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 favicon

Your own site · 80×15
<a href="https://agentmods.dev/skills/sutchan/agent-skills-hub/favicon"><img src="https://agentmods.dev/badge/skills/sutchan/agent-skills-hub/favicon.svg" alt="Reviewed on agentmods" width="80" height="20"></a>
Per session 23 Skills are progressive disclosure: only the name and description are preloaded; the body loads when the skill is used.
When invoked 2,330 The whole file, excluding the scripts and references it only reads on demand.
Security scan B 1 finding. A grade says what 26 rules found in the file — not that it is safe.
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.00023 $0.02330
Opus 5 $0.00012 $0.01165
Sonnet 5 $0.00005 $0.00466
Haiku 4.5 $0.00002 $0.00233

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

Security

Grade B, and why

favicon scanned grade B with 1 finding 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 8d 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.

Asks for rootmediumPrivilege escalation

A mod that escalates privileges can change anything on the machine, not only the project.

- **Linux**: `sudo apt install imagemagick`
Origin

Copies of this mod

1 near-identical copy found in the catalogue:

  • favicon — 97% identical, 7 lines differ
skills/favicon/SKILL.md · 228 lines

How it starts

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

Generate a complete set of favicons from the source image at $1 and update the project's HTML with the appropriate link tags.

Prerequisites

First, verify ImageMagick v7+ is installed by running:

which magick

If not found, stop and instruct the user to install it:

  • macOS: brew install imagemagick
  • Linux: sudo apt install imagemagick

Step 1: Validate Source Image

  1. Verify the source image exists at the provided path: $1
  2. Check the file extension is a supported format (PNG, JPG, JPEG, SVG, WEBP, GIF)
  3. If the file doesn't exist or isn't a valid image format, report the error and stop

Note whether the source is an SVG file - if so, it will also be copied as favicon.svg.

Step 2: Detect Project Type and Static Assets Directory

Detect the project type and determine where static assets should be placed. Check in this order:

Framework Detection Static Assets Directory
Rails config/routes.rb exists public/
Next.js next.config.* exists public/
Gatsby gatsby-config.* exists static/
SvelteKit svelte.config.* exists static/
Astro astro.config.* exists public/
Hugo hugo.toml or config.toml with Hugo markers static/
Jekyll _config.yml with Jekyll markers Root directory (same as index.html)
Vite vite.config.* exists public/
Create React App package.json has react-scripts dependency public/
Vue CLI vue.config.* exists public/
Angular angular.json exists src/assets/
Eleventy .eleventy.js or eleventy.config.* exists Check _site output or root
Static HTML index.html in root Same directory as index.html

Important: If existing favicon files are found (e.g., favicon.ico, apple-touch-icon.png), use their location as the target directory regardless of framework detection.

Read the full file on GitHub · 228 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. 8d ago First seen · 228 lines · 23 tokens per session scan B 5a0fc81acdb5

Subscribe to this mod's changes

favicon is a skill published in the GitHub repository sutchan/Agent-Skills-Hub (2 stars, last pushed yesterday), licensed MIT. It adds 23 tokens to every session and 2,330 once invoked, about $0.0001 per session on Opus 5. A static security scan graded it B with 1 finding (asks for root). No closer match exists in the catalogue, so it is treated as the original; first seen 2026-09-04.

Related

Other skills, from other repositories

animated-sketch-diagram

A tool for making animated diagrams and flowcharts in a hand-drawn ink style, with paper-like backgrounds, simple icons, and moving dots along connections. It produces a self-contained HTML file and can also create a looping GIF.

iflytek/iFly-Skills · 182 tokens

design-system-architect

Expert guide for designing, building, and maintaining scalable UI design systems with design tokens, headless primitives, Material Design 3 (M3), Tailwind v4 @theme, and WCAG 2.2 accessibility.

roedyrustam/vibes-plug · 50 tokens

form-validation-expert

Expert guide for complex form handling with React Hook Form, server-side validation (useActionState + Zod), multi-step wizards, and accessible form patterns / Panduan ahli penanganan formulir kompleks dengan React Hook Form, validasi server-side, wizard multi-langkah, dan pola formulir aksesibel.

roedyrustam/vibes-plug · 69 tokens

performance-web-vitals

Expert guide for Web Performance optimization: Core Web Vitals (LCP, INP, CLS), bundle analysis, image optimization, rendering strategies, and Lighthouse score improvement / Panduan ahli untuk optimasi performa web: Core Web Vitals (LCP, INP, CLS), analisis bundle, optimasi gambar, strategi rendering, dan peningkatan…

roedyrustam/vibes-plug · 79 tokens

spa-orchestrator

Orchestrates Single-Page Application (SPA) architecture, integrating frontend state management with API-driven backends / Mengorkestrasi arsitektur Single-Page Application (SPA), mengintegrasikan state management frontend dengan backend berbasis API.

roedyrustam/vibes-plug · 53 tokens

ui-ux-pro-max

Comprehensive design guide & BM25 search engine for web and mobile applications across 11 tech stacks / Panduan desain komprehensif & mesin pencari BM25 untuk aplikasi web dan mobile di 11 tech stack.

roedyrustam/vibes-plug · 50 tokens