CtrlK
BlogDocsLog inGet started
Tessl Logo

favicon

Generate a complete set of favicons from a source image and update HTML. Use when setting up favicons for a web project.

84

1.35x
Quality

76%

Does it follow best practices?

Impact

100%

1.35x

Average score across 3 eval scenarios

SecuritybySnyk

Passed

No known issues

Optimize this skill with Tessl

npx tessl skill review --optimize ./skills/favicon/SKILL.md
SKILL.md
Quality
Evals
Security

Evaluation results

100%

43%

Favicon Setup for Next.js Marketing Site

Next.js favicon setup, metadata export, correct file set

Criteria
Without context
With context

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%

100%

16%

Favicon Refresh for Rails Application

Rails SVG favicon, ERB layout update, existing tag removal

Criteria
Without context
With context

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%

100%

18%

Favicon Refresh for Static Portfolio Site

Existing favicon location detection, webmanifest value preservation

Criteria
Without context
With context

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%

Repository
brianlovin/claude-config
Evaluated
Agent
Claude Code
Model
Claude Sonnet 4.6

Table of Contents

Is this your skill?

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.