favicon

Generate a complete favicon set and update project HTML references.

Updated Nov 10, 2018
One-click install
npx skills add https://github.com/GLaDO8/dotfiles --skill favicon
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: favicon
Source: https://github.com/GLaDO8/dotfiles/tree/main/claude/backup/skills/favicon
Command: npx skills add https://github.com/GLaDO8/dotfiles --skill favicon

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Generate a complete set of favicons from a source image and update the project's HTML to include proper favicon links.

Core Features & Use Cases

  • Create a full favicon set (ico and png sizes) from a single source image.
  • Update site HTML or layout to reference the generated icons.
  • Quick adaptation for different frameworks and static sites.

Quick Start

Run the favicon skill with a source image path, e.g. /path/to/logo.png.

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?

To generate a complete favicon set from a single image, you can use an automated tool that creates various ico and png sizes from your source file and updates your HTML references.

How does automated favicon generation update HTML and web project assets?

Automated favicon generation detects the project's static assets directory, places the generated ico and png icons in the correct location, and updates or creates the site manifest and HTML references.

Do I need ImageMagick installed to automate favicon creation?

Yes, you need ImageMagick installed to automate favicon creation, as the processing logic relies on it to validate the source image and generate the required raster icon sizes.

Can I use an SVG file as the source image for generating web favicons?

Yes, you can use an SVG file as the source image for generating web favicons, because the favicon generation process supports both SVG and raster source images to create the full icon set.

What is the best way to add favicon links to my static site HTML?

The best way to add favicon links to static site HTML is using an automated favicon generator that creates the icons and directly updates your layout files with the proper reference tags.