skills.rest
Baltsat
BaltsatCOMMUNITY
Explore all skills by this author →
GitHub

favicon

Generate favicon sets from a source image and update HTML references across Next.js, Vite, Rails, or static projects.

Updated Aug 27, 2026
Search Tags:#branding#icons#favicon#imagemagick#web-design#webmanifest#favicon-generation
One-click install
npx skills add https://github.com/Baltsat/box --skill favicon-baltsat
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: favicon
Source: https://github.com/Baltsat/box/tree/main/tools/claude/skills/favicon
Command: npx skills add https://github.com/Baltsat/box --skill favicon-baltsat

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Generates a complete favicon set from a source image and updates the HTML to reference all icons and the web manifest, ensuring branding consistency across devices.

Core Features & Use Cases

  • Automated generation of favicon sets (ICO, PNG variants, apple touch icon) and manifest.
  • Framework-aware placement: supports Next.js, Vite, Rails, and static HTML projects.
  • Quick branding updates: updates HTML head with the correct icon links for cross-device compatibility.

Quick Start

Provide the path to your source image and run the favicon tool to generate icons and update your HTML.

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

To generate a favicon set, provide a source image path to the tool, which automatically creates ICO, PNG variants, apple touch icons, and a web manifest. This process updates your site's HTML head with the correct cross-device icon links.

What is the best way to update favicon links for a Next.js or Vite project?▼

Updating favicon links for Next.js or Vite is handled through framework-aware placement, automatically injecting the correct icon and web manifest references into your HTML. This ensures proper cross-device branding consistency without manual HTML editing.

Do I need ImageMagick installed to automate favicon generation?▼

Yes, you need ImageMagick v7+ installed to automate favicon generation, as the tool relies on it to process the source image into multiple sizes and formats. This dependency is required for creating the complete favicon set.

Can I use an SVG file as the source image for web branding icons?▼

Yes, you can use an SVG file as the source image for web branding icons because the tool supports SVG source handling. It processes the SVG input to generate the required PNG variants, ICO file, and apple touch icon.

Does this favicon generator work with static HTML and Rails projects?▼

Yes, this favicon generator works with static HTML and Rails projects by applying framework-aware placement for the generated icons. It updates the HTML head directly to reference the web manifest and icon files across these environments.

Related Skills

Explore More Design & Creative Skills→
GLaDO8GLaDO8

favicon

Generate a complete favicon set and update project HTML references.

Community
Advanced
erfianugraherfianugrah
1

favicons-and-icons

Generate favicon, app icon, and PWA manifest artifacts from SVG or PNG.

Community
Intermediate
freedomw1987freedomw1987
2

vite-static-asset-proxy-debug

Diagnose Vite dev server proxy misconfigurations returning HTML for static assets.

Community
Intermediate
qq919006380qq919006380
1

ai-logo-generator

Generate brand logo images from text descriptions and save them as PNG files.

Community
Intermediate