Favicon Generator

Handles favicon implementation across all the contexts that actually matter: browser tabs, mobile home screens, PWAs, and Google Search results. It's opinionated about the minimum viable set (16, 32, 180, 192, 512) and walks you through format tradeoffs between SVG, PNG, and ICO. The Google Search requirements are worth noting since most favicon guides skip them entirely: you need the icon on your homepage, over 48x48 for quality, and crawlable by Googlebot. Integrates with Next.js conventions and checks for existing brand assets in project context files before generating recommendations.

skills.sh installs: 1.1K
GitHub stars: 1.1K
last updated: Aug 21, 2026

View on GitHub

Install

$ npx -y skills add kostja94/marketing-skills --skill favicon-generator --agent claude-code

Installs into .claude/skills of the current project.

Files

Components: Favicon

Guides favicon and app icon implementation for brand consistency across browser tabs, bookmarks, mobile home screens, and Google Search results. Favicons help users identify sites; missing or incorrect icons hurt trust.

When invoking: On first use, if helpful, open with 1-2 sentences on what this skill covers and why it matters, then provide the main output. On subsequent use or when the user asks to skip, go directly to the main output.

Initial Assessment

Project context: Read root {project}.md when present and load only the modules relevant to this task. Without Contextus, use available project material or user-provided facts and ask for missing information; do not create a parallel context system.

Identify: