favicon

Generate favicon sets from a source image and update HTML references.

Updated Feb 2, 2026
One-click install
npx skills add https://github.com/artivilla/agents-config --skill favicon-artivilla
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: favicon
Source: https://github.com/artivilla/agents-config/tree/main/skills/favicon
Command: npx skills add https://github.com/artivilla/agents-config --skill favicon-artivilla

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Generating a complete set of favicons from a source image removes the manual guesswork and ensures consistent branding across platforms, while updating HTML references automatically.

Core Features & Use Cases

  • Automated favicon generation: Create favicon.ico in multiple sizes, apple-touch-icon, and PNG variants from a single source image.
  • HTML/site integration: Update or create site.webmanifest and link tags in the project to reference generated assets.
  • Use Case: When starting a new website, run this Skill to generate all favicon assets and wire them into your HTML and manifest.

Quick Start

Run the skill with a path to the source image (e.g., path/to/logo.png) to generate the favicon set and update your site's references.

Frequently Asked Questions about favicon

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I generate a complete favicon set from a single image for a web project?

To generate a favicon set, you provide a source image to the skill, which then creates multiple sizes of favicon.ico, apple-touch-icon, and PNG variants. It also detects your project type to place the assets correctly and updates HTML references automatically.

Do I need ImageMagick installed to generate favicons automatically?

Yes, you need ImageMagick (magick) installed to generate favicons automatically. The skill relies on the magick command to render the multiple required favicon sizes and to validate the input source image before processing.

Can I automatically update HTML and site manifest references when generating favicons?

Yes, you can automatically update HTML and site manifest references when generating favicons. The skill creates or updates the site.webmanifest file and inserts the necessary link tags into your project's HTML to wire in the generated assets.

What sizes and formats of favicons are needed for consistent web branding across platforms?

For consistent web branding across platforms, you need favicon.ico in multiple sizes, an apple-touch-icon, and various PNG variants. The skill generates this complete set from one source image to remove manual guesswork and ensure broad platform compatibility.

What is the best way to add favicon assets to a static site?

The best way to add favicon assets to a static site is using an automated generator that detects the project type, renders multiple sizes, and updates the web manifest. This skill handles the entire process from image input to HTML reference integration.

Why does favicon generation fail when processing my source image?

Favicon generation fails when processing your source image if ImageMagick is not installed or if the input image fails validation. The skill requires the magick dependency to properly read the source file and render the multiple output sizes.