Generate a complete set of favicons from a source image and update HTML. Use when setting up favicons for a web project.
84
76%
Does it follow best practices?
Impact
100%
1.35xAverage score across 3 eval scenarios
Passed
No known issues
Optimize this skill with Tessl
npx tessl skill review --optimize ./skills/favicon/SKILL.mdNext.js favicon setup, metadata export, correct file set
magick command
0%
100%
ICO multi-resolution
50%
100%
apple-touch-icon size
100%
100%
favicon-96x96 size
0%
100%
manifest icon sizes
50%
100%
public/ directory
100%
100%
No SVG link tag
100%
100%
Next.js metadata icons
80%
100%
manifest field
33%
100%
App name from package.json
100%
100%
webmanifest structure
70%
100%
Alpha transparency
0%
100%
Rails SVG favicon, ERB layout update, existing tag removal
magick command
0%
100%
SVG copy command
100%
100%
SVG link tag included
100%
100%
Old favicon tags removed
100%
100%
Rails ERB layout updated
100%
100%
App name from Rails module
70%
100%
Title case conversion
100%
100%
ICO multi-resolution
50%
100%
apple-touch-icon size
100%
100%
Tags in head, after meta tags
100%
100%
webmanifest link tag
100%
100%
Existing favicon location detection, webmanifest value preservation
Existing favicon location used
100%
100%
Correct href path style
100%
100%
theme_color preserved
100%
100%
background_color preserved
100%
100%
display preserved
100%
100%
Manifest name updated
100%
100%
Manifest icons updated
0%
100%
ICO multi-resolution
100%
100%
magick command
0%
100%
index.html updated
75%
100%
apple-touch-icon size
100%
100%
1a9819e
Table of Contents
If you maintain this skill, you can claim it as your own. Once claimed, you can manage eval scenarios, bundle related skills, attach documentation or rules, and ensure cross-agent compatibility.