CtrlK
BlogDocsLog inGet started
Tessl Logo

favicons

Use when reviewing templates, rendered HTML, or shared components related to Implement favicons for all devices. Validate the final browser-facing markup, not just the source framework abstraction.

60

Quality

70%

Does it follow best practices?

Run evals on this skill

Adds up to 20 points to the overall score

View guide

SecuritybySnyk

Passed

No findings from the security scan

Fix and improve this skill with Tessl

tessl review fix ./skills/favicons/SKILL.md
SKILL.md
Quality
Evals
Security

Quality

Content

71%Weight 40%Scale 1-5

Reviews the quality of instructions and guidance provided to agents. Good implementation is clear, handles edge cases, and produces reliable results.

A well-structured, token-efficient overview that correctly delegates the 826-line implementation detail to a clearly signaled one-level reference. Its weakness is actionability in the body itself: the Check and Fix sections stay abstract — no example of the favicon markup to verify or the exact deliverables' HTML declarations — so an agent must always jump to the reference before it can act.

Suggestions

Make the Check section concrete: list the exact link/meta tags to look for in rendered HTML (e.g. `<link rel="icon" type="image/svg+xml">`, `<link rel="apple-touch-icon" sizes="180x180">`, `<link rel="manifest">`) instead of "verify that all necessary favicon formats and sizes are implemented correctly".

Add one minimal copy-paste-ready HTML favicon block or the specific `favicons` npm command to the Fix section so the core task is executable from the body alone.

Trim the intro sentence about unprofessional tabs/brand damage (knowledge Claude already has) and fold the redundant Explain section into a single line.

DimensionReasoningScore

Conciseness

The body is lean at ~45 lines with a useful Quick Reference, but the intro line ("Missing or low-quality favicons make sites look unprofessional... damaging brand recognition and user trust") explains impact Claude already knows, and the Check/Fix/Explain sections partly restate one another. This fits 'efficient; minor instances of over-explanation that could be trimmed', not 5.

4 / 5

Actionability

The Quick Reference gives concrete specifics ("favicon.ico (32x32) + apple-touch-icon.png (180x180)", "RealFaviconGenerator or favicons npm package"), but the Check ("Verify that all necessary favicon formats and sizes are implemented correctly") and Fix ("Generate and implement a complete favicon set... with proper HTML declarations") sections provide no code, commands, or the specific link/meta tags to look for — key executable details live only in the reference. This matches 'some concrete guidance but incomplete', not 4, which requires mostly executable guidance.

3 / 5

Workflow Clarity

The Check → Fix → Explain sequence is clear and the Quick Reference acts as a checkpoint list (minimum formats, sizes, tools) for a simple, non-destructive single-purpose skill. It falls short of 5 because the Check step never explains how to verify rendered markup versus source (the description's key instruction) and verification checkpoints are implicit.

4 / 5

Progressive Disclosure

The body is a concise overview and the bulk detail (826 lines of complete HTML examples, verified to exist) is appropriately split into a single, clearly signaled, one-level-deep reference ("see `references/rule.md`"). This matches the top anchor: clear overview with well-signaled references and easy navigation.

5 / 5

Total

16

/

20

Passed

Description

70%Weight 40%Scale 1-5

Based on the skill's description, can an agent find and select it at the right time? Clear, specific descriptions lead to better discovery.

A solid description with an explicit trigger clause, correct third-person/imperative voice, and decent natural keywords. Its main weakness is a thin 'what': it implies validation of rendered markup but never enumerates the skill's actual capabilities (check, fix, generate, explain favicon implementation), and it leans on generic boilerplate shared with sibling rules for distinctiveness.

Suggestions

State the 'what' explicitly and comprehensively, e.g. "Checks favicon markup, flags missing formats (ICO, PNG, SVG, apple-touch-icon, manifest icons), fixes them, and explains cross-device display" — this would lift both specificity and completeness.

Add missing natural trigger terms such as "apple-touch-icon", "PWA manifest icons", and ".ico" so users searching with those phrases land on this skill.

Replace the generic "reviewing templates, rendered HTML, or shared components" trigger with favicon-specific context (e.g. "when reviewing or fixing favicon/icon markup in rendered HTML") to reduce overlap with sibling HTML-review skills.

DimensionReasoningScore

Specificity

The description names the domain (favicon review across "templates, rendered HTML, or shared components") and one concrete action ("Validate the final browser-facing markup"), but never states the skill's actual capabilities such as checking, fixing, or generating favicon sets. This matches 'names domain and 1-2 concrete actions, but not comprehensive', not the level above, which requires several specific actions.

3 / 5

Completeness

An explicit "Use when..." clause answers 'when', and "Validate the final browser-facing markup" provides a 'what', so both are present. It is not 5 because the 'what' covers only validation and omits the check/fix/explain scope the skill actually performs.

4 / 5

Trigger Term Quality

Natural user terms like "favicons", "templates", "rendered HTML", and "shared components" are present, giving good keyword coverage. It falls short of 5 because common variations users would say ("icon", "apple-touch-icon", "manifest", ".ico", "PWA icons") are missing.

4 / 5

Distinctiveness Conflict Risk

The favicon niche is distinct with a clear trigger keyword, but the boilerplate clause "reviewing templates, rendered HTML, or shared components" would equally match sibling HTML-review skills, creating minor overlap risk with closely related skills. Not 5 for that overlap; not 3 since the favicon keyword clearly disambiguates.

4 / 5

Total

15

/

20

Passed

Validation

93%

Checks the skill against the spec for correct structure and formatting. All validation checks must pass before discovery and implementation can be scored.

Validation — 15 / 16 Passed

Validation for skill structure

CriteriaDescriptionResult

metadata_version

'metadata.version' is missing

Warning

Total

15

/

16

Passed

Repository
thedaviddias/Front-End-Checklist
Reviewed

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.