Will it help with the HTML integration code?

Yes, the skill provides the exact metadata and link tags needed to wire the generated assets into your project's HTML head correctly.

What if my logo is too complex for a small browser icon?

The skill includes a validation step that checks legibility at 16x16 pixels. If the mark is too detailed, it will recommend simplifications or padding adjustments to ensure clarity.

Can this skill create a favicon from an existing SVG?

Yes, the skill is designed to take existing SVG or PNG brand marks and transform them into optimized, multi-size icon suites compatible with all modern browsers.

Does it support Progressive Web Apps (PWAs)?

Absolutely. It generates the necessary PNG sizes and the site.webmanifest file required for PWA installation and home screen icons.

Favicon & App Icon Generator

Name: Favicon & App Icon Generator
Author: jscraik

byjscraik

•

设计工具

Generates professional, brand-consistent favicon and app icon suites optimized for web and PWA integration.

The Favicon Generator skill streamlines the creation of production-ready icon sets for websites and applications. Instead of manual exports, it utilizes a script-backed workflow to transform existing brand assets into optimized formats, including .ico files, PNG sets, and Apple touch icons. By prioritizing visual clarity at tiny sizes (16x16 and 32x32) and ensuring brand consistency, this skill helps developers deliver a polished user experience across all browser tabs and mobile home screens, providing exact HTML snippets for seamless implementation.

主要功能

01Script-backed repeatable workflow to prevent asset drift over time

022 GitHub stars

03PWA-ready output including site.webmanifest generation

04Clarity optimization specifically for 16x16 and 32x32 pixel browser tabs

05Ready-to-use HTML metadata snippets for instant integration

06Automated multi-format generation including .ico, PNGs, and Apple touch icons

使用场景

01Generating a complete production icon suite from a single SVG or PNG logo

02Upgrading inconsistent or blurry legacy icons with a unified, high-quality set

03Adding mobile-friendly app icons and PWA manifests to an existing web project

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add jscraik/agent-skills favicon-generator

For use in Claude.ai and ChatGPT

主要功能

01Script-backed repeatable workflow to prevent asset drift over time

022 GitHub stars

03PWA-ready output including site.webmanifest generation

04Clarity optimization specifically for 16x16 and 32x32 pixel browser tabs

05Ready-to-use HTML metadata snippets for instant integration

06Automated multi-format generation including .ico, PNGs, and Apple touch icons

使用场景

01Generating a complete production icon suite from a single SVG or PNG logo

02Upgrading inconsistent or blurry legacy icons with a unified, high-quality set

03Adding mobile-friendly app icons and PWA manifests to an existing web project

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add jscraik/agent-skills favicon-generator

For use in Claude.ai and ChatGPT