CtrlK
BlogDocsLog inGet started
Tessl Logo

retina-display

Use when reviewing image assets, markup, and CDN or build transforms related to Support high-DPI retina displays. Check encoded size, rendered size, loading strategy, and above-the-fold impact together.

67

Quality

81%

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

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 clean, well-structured overview that practices good progressive disclosure by offloading code examples to references/rule.md. The main weakness is actionability — the body itself is light on executable detail and verification steps, relying on the reference for the concrete guidance.

Suggestions

Add one small executable code snippet (e.g., a minimal srcset example) or a concrete DevTools verification step directly in the body so the skill is actionable without opening the reference.

Tighten the intro and merge the thin Check/Fix/Explain one-liners, which restate retina basics Claude already knows.

Add an explicit validation checkpoint (e.g., "Confirm the 2x/3x variant loads in the Network tab at the target DPR") to the review workflow.

DimensionReasoningScore

Conciseness

The body is lean and well-sectioned, but the intro sentence ("Standard images look blurry on retina displays...") and the templated one-line Check/Fix/Explain sections restate what Claude already knows and could be trimmed.

4 / 5

Actionability

The Quick Reference names concrete techniques (srcset x/w descriptors, image-set(), media queries) but the body provides no executable code or DevTools verification steps — those are delegated to the reference, leaving the body's guidance incomplete.

3 / 5

Workflow Clarity

The Check → Fix → Explain → Code Review sections give a clear simple-skill sequence that is well-organized, but there are no explicit validation checkpoints in the body itself.

4 / 5

Progressive Disclosure

The body is a concise overview that clearly signals a one-level-deep reference ("see `references/rule.md`") for full implementation details and code examples; the referenced file exists and is well-organized.

5 / 5

Total

16

/

20

Passed

Description

92%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, specific description that clearly states what the skill does and when to use it, with concrete review dimensions and distinct retina/high-DPI triggers. Minor keyword coverage gaps (srcset, responsive images, file extensions) keep trigger quality just below full marks.

DimensionReasoningScore

Specificity

Lists multiple concrete review actions — "reviewing image assets, markup, and CDN or build transforms" and "Check encoded size, rendered size, loading strategy, and above-the-fold impact together" — giving comprehensive coverage of the capability.

5 / 5

Completeness

Explicitly answers both — the "Use when reviewing..." clause gives concrete trigger phrases (when) and the "Check encoded size, rendered size, loading strategy, and above-the-fold impact" clause gives the concrete action (what).

5 / 5

Trigger Term Quality

Good natural-term coverage including synonyms ("retina displays", "high-DPI", "image assets", "CDN", "build transforms"), but misses common variations like srcset, responsive images, and file extensions.

4 / 5

Distinctiveness Conflict Risk

Scoped to a clear niche (high-DPI/retina display image review) with distinct triggers; minimal overlap risk with general image-optimization skills.

5 / 5

Total

19

/

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.

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.