CtrlK
BlogDocsLog inGet started
Tessl Logo

image-cdn

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

64

Quality

77%

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/image-cdn/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 concise, well-structured overview that appropriately delegates implementation detail to a single real reference file. The body's main weakness is actionability: the Check/Fix sections stay at the directive level without surfacing even a minimal concrete check (e.g., a DevTools inspection step or a pointer to the reference's verification checklist), leaving the reader to discover the executable material on their own.

Suggestions

Surface one or two executable checks from references/rule.md in the body's Check section (e.g., confirm the image host is a CDN domain and inspect the Accept-header format negotiation in DevTools) so the core review action is actionable without opening the reference.

Link the reference's Verification checklist from the Check or Code Review section so the validation steps are discoverable from the body, strengthening workflow checkpoints.

Trim or merge the intro sentence and Quick Reference bullets, which both explain what image CDNs do — knowledge Claude already has.

DimensionReasoningScore

Conciseness

The body is lean and terse (Check/Fix/Explain/Code Review are each 1-2 sentences), but the intro sentence "Image CDNs automatically optimize, resize, and convert images on-the-fly..." explains a concept Claude already knows and partially duplicates the Quick Reference bullets. Minor over-explanation to trim keeps this at 4 rather than 5.

4 / 5

Actionability

The body gives direction with some concrete anchors ("Configure an image CDN like Cloudinary, Imgix, or Cloudflare Images", "Flag exact files or components where format choice, sizing, or loading behavior violates the rule") but contains no code, commands, or concrete verification steps itself — the executable material is one reference hop away in references/rule.md. Some concrete guidance but missing key details matches anchor 3; it is not 2 because specific providers and review targets are named.

3 / 5

Workflow Clarity

This is a simple, single-purpose review skill with an unambiguous action, and the Check -> Fix -> Explain -> Code Review sections present a clear sequence. It is not 5 because the verification checkpoints are implicit in the body (the actual 5-step verification checklist lives in references/rule.md and is not surfaced or linked from the Check section); it is above 3 because the sequence and deliverable are clear and the operation is non-destructive.

4 / 5

Progressive Disclosure

A short, well-organized overview body with a single clearly signaled, one-level-deep reference: "For full implementation details, code examples, and framework-specific guidance, see references/rule.md" — and that file exists, contains the implementation details (provider URL examples, Next.js config, responsive patterns, verification steps), and does not nest further references. Content is appropriately split and navigation is easy, matching anchor 5.

5 / 5

Total

16

/

20

Passed

Description

83%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 strong description with an explicit 'Use when' trigger clause and a concrete, comma-delineated list of what to check. Third-person imperative voice is used correctly. The main gaps are missing common synonyms (image optimization, responsive images, WebP/AVIF) and minor coverage gaps relative to the skill body's full capabilities.

Suggestions

Add common trigger synonyms such as 'image optimization', 'responsive images', 'WebP/AVIF', or 'lazy loading' so the description matches the natural phrases users say when they need CDN image review.

Consider briefly stating the outcome actions (flag violations, suggest fixes) to make the 'what' fully comprehensive relative to the skill's Check/Fix/Explain capabilities.

DimensionReasoningScore

Specificity

"Check encoded size, rendered size, loading strategy, and above-the-fold impact together" and "reviewing image assets, markup, and CDN or build transforms" list several concrete actions with concrete nouns. It falls short of 5 because coverage is not comprehensive (e.g., the fix/explain capabilities present in the body are absent), but exceeds 3 because more than 1-2 specific actions are named.

4 / 5

Completeness

Both parts are explicit: "Use when reviewing image assets, markup, and CDN or build transforms related to Serve images from a CDN" answers when with concrete trigger phrases, and "Check encoded size, rendered size, loading strategy, and above-the-fold impact together" answers what. The 'when' clause is more explicit and specific than the anchor-4 example, matching anchor 5's clearly-explicit both-what-and-when pattern.

5 / 5

Trigger Term Quality

Natural terms users would say are present: "image assets", "markup", "CDN", "build transforms", "loading strategy", "above-the-fold". It is not 5 because common synonyms and variations are missing ("image optimization", "responsive images", "lazy loading", "WebP", "AVIF"), but it is well beyond the sparse keyword coverage of anchor 3.

4 / 5

Distinctiveness Conflict Risk

"Serve images from a CDN" carves a clear niche distinct from most skills, but the shared check list (encoded size, rendered size, loading strategy) overlaps with closely related image rules (modern formats, lazy loading, responsive images). Mostly distinct with minor overlap risk, so 4 rather than 5.

4 / 5

Total

17

/

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.