CtrlK
BlogDocsLog inGet started
Tessl Logo

optimized

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

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

Quality

Content

65%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, largely actionable body with excellent progressive disclosure and specific tool/parameter guidance. Weaknesses are the 'Explain' section re-teaching concepts Claude already knows and the absence of validation feedback loops (quality verification, savings confirmation) for a batch, destructive re-encoding workflow.

Suggestions

Move or compress the 'Explain' section's background on JPEG DCT, PNG DEFLATE, and EXIF into references/rule.md — Claude already knows these concepts, and the body only needs the project-relevant decision parameters.

Add explicit validation checkpoints to the Fix workflow: keep originals (or back up) before lossy re-encoding, then re-run the Lighthouse 'Efficiently encode images' audit and visually spot-check one optimized image before declaring the fix complete.

Include literal CLI commands for the common cases (e.g., `pngquant --quality=65-80 --strip --force --ext .png *.png`, `svgo --multipass`) so the Fix section is copy-paste ready rather than tool-plus-parameter descriptions.

DimensionReasoningScore

Conciseness

Quick Reference, Check, and Fix are tight and information-dense, but the "Explain" section spends several sentences on concepts Claude already knows ("JPEG compression works by converting pixel data to frequency components (DCT)", PNG DEFLATE, what EXIF metadata is, how progressive JPEG behaves). Fits anchor 3 ('mostly efficient but includes some unnecessary explanation'), not 2 (padding is confined to one section) and not 4 (that section is textbook material with no skill-specific value).

3 / 5

Actionability

Very concrete tool-plus-parameter guidance: "re-encode with mozjpeg at quality 80 with progressive=true", "pngquant at quality 65-80", "AVIF: encode at quality 60 with effort 6", "run through SVGO", plus a named Lighthouse audit with a 4KB threshold. Not 5 because no literal copy-paste commands are given (CLI syntax for mozjpeg/pngquant/SVGO is left to construct), not 3 because the guidance is specific and executable, far beyond pseudocode.

4 / 5

Workflow Clarity

Check → Fix → Report sequence is present ("Report each image with its current size and estimated savings", "show the before/after file size and percentage reduction"), but the Fix step is a batch, destructive re-encode of originals with no explicit validation checkpoint — no re-run of Lighthouse to confirm savings, no visual-quality verification, no guidance to preserve originals. Per the batch/destructive feedback-loop cap, workflow clarity is capped at 3.

3 / 5

Progressive Disclosure

~45-line body with well-organized sections (Quick Reference, Check, Fix, Explain, Code Review) and a single clearly signaled, verified one-level-deep reference: "For full implementation details, code examples, and framework-specific guidance, see `references/rule.md`" (the file exists and itself contains no nested references). Matches anchor 5 for a compact skill with a clean pointer.

5 / 5

Total

15

/

20

Passed

Description

75%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 'Use when' clause and several concrete, domain-specific actions. Main weaknesses are the absence of common synonyms/file extensions as trigger terms and a 'when' clause that leans on the rule title rather than user-intent phrases.

DimensionReasoningScore

Specificity

Lists several concrete actions — "Check encoded size, rendered size, loading strategy, and above-the-fold impact together" plus "reviewing image assets, markup, and CDN or build transforms" — but coverage has minor gaps (no format-level actions like EXIF stripping or per-format compression mentioned). Fits anchor 4 ('several specific actions; minor gaps'), not 5 (not comprehensive) and better than 3 (more than 1-2 actions).

4 / 5

Completeness

Both parts are explicit: 'what' = "Check encoded size, rendered size, loading strategy, and above-the-fold impact together"; 'when' = "Use when reviewing image assets, markup, and CDN or build transforms related to Optimise images for faster loading". Not 5 because the 'when' clause is anchored to the rule title rather than concrete user-intent trigger phrases, making it slightly circular; well above 3 since both are clearly present.

4 / 5

Trigger Term Quality

Good natural keyword coverage: "image assets", "markup", "CDN or build transforms", "Optimise images for faster loading". Not 5 because common synonyms and file extensions are missing ("compress images", "optimize"/US spelling, ".jpg", ".png", ".webp", "Lighthouse"); better than 3 since several natural terms a user would actually say are present.

4 / 5

Distinctiveness Conflict Risk

Clear niche (image optimization review for web delivery) with distinct trigger surface (encoded size, rendered size, above-the-fold impact). Not 5 because "loading strategy" overlaps with sibling skills like lazy-loading or responsive-image rules; more distinct than anchor 3's generic overlap risk.

4 / 5

Total

16

/

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.