favicon

combined

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. Generate favicons from a source image

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.

When not to use

Use this skill only when the task clearly matches the scope described above.
Do not treat the output as a substitute for environment-specific validation, testing, or expert review.
Stop and ask for clarification if required inputs, permissions, safety boundaries, or success criteria are missing.

Skill page

Conflict

The two skills cover the same task but from different angles. The first is a comprehensive guide covering brand consistency, required sizes, formats, Google Search (SERP) requirements, and implementation patterns for various tech stacks. The second is a specific, executable procedure that uses ImageMagick to generate the actual files, detect the project framework, and update the HTML/manifest. The first lacks the specific generation commands and framework detection logic, while the second lacks the SERP optimization details and broader brand context. Combining them provides a complete workflow from generation to optimization.