skills.rest
brianlovin
brianlovinCOMMUNITY
Explore all skills by this author →
Website𝕏@brian_lovinGitHub

favicon

Generates a complete set of image favicons and updates HTML links and meta tags automatically.

357|29|Updated Jan 19, 2026
Search Tags:#html#manifest#favicon#imagemagick#image-processing#icon-generation#web-assets
One-click install
npx skills add https://github.com/brianlovin/claude-config --skill favicon-brianlovin
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: favicon
Source: https://github.com/brianlovin/claude-config/tree/main/skills/favicon
Command: npx skills add https://github.com/brianlovin/claude-config --skill favicon-brianlovin

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill automates creating a complete set of favicons from a single source image and updating the HTML to reference the new icons, ensuring consistent branding across platforms.

Core Features & Use Cases

  • Generate a full suite of favicon sizes (ICO, PNGs, and SVG when applicable) from one source image.
  • Detect the target project type and place assets in the correct static directory, then update the HTML head with proper favicon links.
  • Use cases include setting up branding for new websites, revamping existing projects, and ensuring cross-platform favicon support.

Quick Start

Provide a path to the source image to automatically generate and integrate all favicons into the project.

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 source image?▼

Generating a favicon set from one source image produces ICO, PNG, and SVG files in multiple sizes, detects the correct project static directory, and updates the HTML head with proper references automatically.

Do I need ImageMagick installed to automate favicon generation?▼

ImageMagick is required to process the source image and produce the multiple icon sizes needed for cross-platform favicon support within the web project.

Can I automatically update HTML and manifest files with new favicon links?▼

The favicon generation process automatically updates the web project's site manifests and HTML head references to ensure the newly created icons are linked correctly across platforms.

Does this favicon generator work across different web project frameworks?▼

It applies to web projects across frameworks by detecting the specific project structure and placing the generated favicon assets into the correct static directories automatically.

What is the best way to ensure cross-platform favicon support for a new website?▼

Generating a full suite of ICO, PNG, and SVG icons from one source image and automatically updating the site manifest and HTML references ensures consistent cross-platform favicon support.

Related Skills

Explore More Software Engineering Skills→
beel-collabbeel-collab
1

image-manipulation-image-magick

Performs image resizing, format conversion, and metadata extraction with ImageMagick.

Community
Advanced
GLaDO8GLaDO8

favicon

Generate a complete favicon set and update project HTML references.

Community
Advanced
k97k97
4

favicon

Generate favicon assets from a source image using ImageMagick.

Community
Intermediate
fgarofalo56fgarofalo56
6

haproxy

Configure HAProxy load balancing, reverse proxying, SSL termination, and health checks.

Community
Advanced