favicon

Solid

Generate favicons from a source image

AI & Automation 39,227 stars 6374 forks Updated today MIT

Install

View on GitHub

Quality Score: 98/100

Stars 20%
100
Recency 20%
100
Frontmatter 20%
70
Documentation 15%
100
Issue Health 10%
50
License 10%
100
Description 5%
100

Skill Content

Generate a complete set of favicons from the source image at `$1` and update the project's HTML with the appropriate link tags. ## When to Use - You need to generate a complete favicon set from a single source image. - The task includes placing the assets in the correct framework-specific static directory and updating HTML link tags. - You want one workflow that validates the source image, detects the project type, and writes the right favicon outputs. ## Prerequisites First, verify ImageMagick v7+ is installed by running: ```bash which magick ``` If not found, stop and instruct the user to install it: - **macOS**: `brew install imagemagick` - **Linux**: `sudo apt install imagemagick` ## Step 1: Validate Source Image 1. Verify the source image exists at the provided path: `$1` 2. Check the file extension is a supported format (PNG, JPG, JPEG, SVG, WEBP, GIF) 3. If the file doesn't exist or isn't a valid image format, report the error and stop Note whether the source is an SVG file - if so, it will also be copied as `favicon.svg`. ## Step 2: Detect Project Type and Static Assets Directory Detect the project type and determine where static assets should be placed. Check in this order: | Framework | Detection | Static Assets Directory | |-----------|-----------|------------------------| | **Rails** | `config/routes.rb` exists | `public/` | | **Next.js** | `next.config.*` exists | `public/` | | **Gatsby** | `gatsby-config.*` exists | `static/` | | **SvelteKit** | `svel...

Details

Author
sickn33
Repository
sickn33/antigravity-awesome-skills
Created
4 months ago
Last Updated
today
Language
Python
License
MIT

Integrates with

Similar Skills

Semantically similar based on skill content — not just same category

Web & Frontend Solid

favicon-gen

Generate custom favicons from logos, text, or brand colours. Produces all required formats: favicon.svg, favicon.ico, apple-touch-icon.png, icon-192/512.png, and web manifest. Use when initialising websites, replacing CMS default favicons, converting logos to favicons, creating branded icons from initials, or troubleshooting favicon not displaying, iOS black square, or missing manifest.

809 Updated 2 weeks ago
jezweb
Web & Frontend Solid

favicon-generator

When the user wants to implement, optimize, or audit favicon and app icons. Also use when the user mentions "favicon," "app icon," "browser icon," "touch icon," "PWA icon," "favicon sizes," "apple-touch-icon," "favicon.ico," "site icon," or "tab icon." For visual system, use brand-visual-generator.

553 Updated 3 weeks ago
kostja94
Web & Frontend Listed

icon-generator

Generate web UI/UX icon assets (favicon.ico, apple-touch-icon, PWA icons incl. maskable) and optionally Unreal Engine packaging icons (Windows .ico, macOS .iconset/.icns, Linux .png) from a single source SVG/PNG; use when you need correct multi-size icon files, safe-area guidance, manifests/head tags, or automation.

1 Updated today
KhaiEr720
AI & Automation Listed

generate-assets

Generate high-quality images and assets for components (hero sections, features, transformations) using Replicate's FLUX 1.1 Pro model.

335 Updated today
aiskillstore
Web & Frontend Solid

responsive-image

Generate responsive image sets with srcset, WebP/AVIF conversion, and art direction

1,034 Updated today
a5c-ai