Generate a complete favicon set from a source image and update HTML/manifest references.
npx skills add https://github.com/Shpigford/skills --skill favicon-shpigford
Please help me install this Agent Skill. Skill: favicon Source: https://github.com/Shpigford/skills/tree/main/favicon Command: npx skills add https://github.com/Shpigford/skills --skill favicon-shpigford
Generating icons for websites across different devices and platforms is repetitive and error-prone. This Skill automates the creation of a complete favicon set from a single source image and updates the project HTML to reference the correct icons, ensuring branding consistency.
Provide the path to your source image (e.g., /path/to/logo.png) to generate the full favicon set and update the HTML references in your project.
High-intent search queries and answers about installing and using this skill.
Generating a complete favicon set from a single source image involves producing ICO, PNG, and SVG variants in required sizes while preserving transparency and automatically updating HTML and manifest references.
Web favicon sets typically require ICO, PNG, and SVG formats to cover multiple platforms and deployment contexts. This generation process produces these variants from a single source image while preserving transparency.
Yes, you can use an SVG file as the source image for favicon generation. The process handles SVG inputs gracefully, converting them into the required ICO and PNG variants alongside the SVG output.
Yes, ImageMagick is required to process the source image and generate the favicon set. This skill satisfies image processing requirements via ImageMagick to produce the correct ICO and PNG variants.
Updating HTML and manifest files with new favicon references is handled automatically during generation. The process detects common web project structures and updates layout files and the site manifest accordingly.
Yes, favicon generation works with specific web framework static asset directories. It features project-aware asset placement that detects common web project structures and stores generated assets appropriately.
ThomashighbaughGenerate favicon, PWA, and Unreal Engine icon sets from a single PNG or SVG source.
GLaDO8Generate a complete favicon set and update project HTML references.
zm2231Convert design assets to WebP, AVIF, and responsive variants.
jiushiwonGenerates PNG images and edits them with customizable workflows and formats.
