CtrlK
BlogDocsLog inGet started
Tessl Logo

avif-format

Use when reviewing image assets, markup, and CDN or build transforms related to Use AVIF format for modern browsers. Check encoded size, rendered size, loading strategy, and above-the-fold impact together.

56

Quality

63%

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/avif-format/SKILL.md
SKILL.md
Quality
Evals
Security

Quality

Content

42%

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

The body is a tidy overview that correctly defers detail to a single well-signaled reference file, but it lacks executable guidance in the body itself, repeats the compression stat, and provides no real validation checkpoints.

Suggestions

Move or consolidate the duplicated compression stats so the 50%/20% figures appear once; replace generic Check/Fix/Explain prose with specific, actionable steps.

Add a minimal executable example (e.g., a <picture> snippet with AVIF/WebP/JPEG sources) directly in the body rather than only in the reference.

Include an explicit verification checkpoint in the Code Review workflow (e.g., confirm format and size in DevTools Network/Performance panels) to sequence the review with validation.

DimensionReasoningScore

Conciseness

The 50%-smaller-than-JPEG / 20%-smaller-than-WebP stat is repeated three times (intro, Quick Reference, Explain) and the Check/Fix sections are generic filler, so it is mostly efficient but includes redundant padding rather than fully lean.

2 / 3

Actionability

The body describes rather than instructs ("Check if the website supports AVIF", "Implement AVIF support with proper fallbacks", "Explain how AVIF provides...") with no executable code or commands — concrete examples are deferred to the reference file, matching the vague/abstract anchor.

1 / 3

Workflow Clarity

Check/Fix/Explain/Code Review headers imply a loose sequence but there are no explicit validation checkpoints; the only verification hint ("describe how to confirm the fix in DevTools") is vague, matching the steps-listed-but-validation-gaps anchor.

2 / 3

Progressive Disclosure

The body is a concise overview with a clearly signaled one-level-deep pointer to the real references/rule.md file, matching the clear-overview-with-well-signaled-references anchor.

3 / 3

Total

8

/

12

Passed

Description

85%

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

The description is specific and complete with an explicit Use-when trigger and concrete review actions, but trigger-term quality is dragged down by an awkward embedded rule title and missing common variations.

DimensionReasoningScore

Specificity

Lists multiple concrete actions — "reviewing image assets, markup, and CDN or build transforms" and "Check encoded size, rendered size, loading strategy, and above-the-fold impact" — matching the anchor for several specific concrete actions.

3 / 3

Completeness

Explicit "Use when..." trigger states when to use it, and "Check encoded size, rendered size, loading strategy, and above-the-fold impact together" states what it does — both what and when are clearly present.

3 / 3

Trigger Term Quality

Relevant keywords appear (AVIF, image assets, browsers, CDN) but the rule-title phrase "related to Use AVIF format for modern browsers" is awkwardly embedded and common natural variations (WebP, fallback, compression, image format) are missing, matching the "some relevant keywords but missing common variations" anchor.

2 / 3

Distinctiveness Conflict Risk

The AVIF-specific image review niche with its distinct trigger is unlikely to fire for unrelated skills, matching the clear-niche anchor.

3 / 3

Total

11

/

12

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.

Validation15 / 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.