Agent skill · software engineering · sickn33
favicon
Generate favicons from a source image
Why this skill is useful
Adds a complete automation script for generating favicons and updating HTML link tags based on project type, which the AI cannot generate on its own.
What it needs
Requires imagemagick installed locally. About 5k tokens when loaded. Last updated 2026-08-07. 44,571 stars on the source repository.
What this skill does
Generate a complete set of favicons from the source image at $1 and update the project's HTML with the appropriate link tags. When to Use You need to generate a complete favicon set from a single source image. The task includes placing the assets in the correct framework-specific static directory and updating HTML link tags. You want one workflow that validates the source image, detects the project type, and writes the right favicon outputs. Prerequisites First, verify ImageMagick v7+ is installed by running: 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. …
How to use it
Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:
@skills sickn33/favicon--89ab4d