Skills
.Work. You
Rest

favicons-and-icons

Community

Generate crisp favicons and PWA icon sets

Design & Creative#app icon#comfyui#webmanifest#pwa icons#favicon generation#svg branding#html head snippet
Authorerfianugrah
Version1.0.0
Installs0

System Documentation

What problem does it solve?

It removes the manual, error-prone work of creating complete favicon and app icon sets across browsers and devices by generating a ready-to-use PWA artifact bundle from a single SVG or a single master raster image.

Core Features & Use Cases

  • Vector-first SVG pipeline: write an SVG inline for geometric marks and monograms, tuned to remain readable at small favicon sizes (e.g., 16×16).
  • Raster workflow via ComfyUI: generate a high-quality 1024×1024 icon with richer gradients/materials and then convert it into the full favicon/PWA set.
  • One convergence toolchain: both input paths feed into a single build step that produces favicon.ico, multiple PNG sizes, apple-touch-icon.png, icon-maskable.png, site.webmanifest, and a correct HTML <head> snippet for immediate integration.

Quick Start

Tell the agent to generate a favicon set from your brand by providing either an SVG you wrote inline or a path to your master PNG, plus the PWA name/short name and theme colors, and then paste the returned HTML snippet into your page’s <head>.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: favicons-and-icons
Download link: https://github.com/erfianugrah/dotfiles/archive/main.zip#favicons-and-icons

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.