CtrlK
BlogDocsLog inGet started
Tessl Logo

error-images

Use when reviewing image assets, markup, and CDN or build transforms related to Handle image loading errors gracefully. 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

85%

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

The body is concise, well-organized, and uses clean one-level progressive disclosure to a real reference file. Its main weakness is actionability, since the body gives high-level direction while the executable code lives entirely in the reference.

Suggestions

Add one minimal inline code snippet (e.g., a one-line onerror fallback) so the body is self-sufficient for the common case, with deeper variants kept in the reference.

Make the Check/Fix steps more concrete by naming specific DevTools actions or the exact attributes/handlers to look for.

DimensionReasoningScore

Conciseness

The body is lean and assumes Claude's competence, with a single brief rationale sentence and concise Quick Reference bullets rather than padded explanations of what images are or how fallbacks work.

3 / 3

Actionability

Names a concrete technique ('Use onerror to replace broken images with fallbacks') and points to executable examples in the reference, but the body's own Check/Fix steps ('Implement fallback images or placeholder content') are abstract and lack copy-paste-ready code or key details.

2 / 3

Workflow Clarity

This simple single-purpose skill lays out an unambiguous Check → Fix → Explain → Code Review sequence, and the Code Review section directs confirming the fix in DevTools, satisfying the simple-skill carve-out for workflow clarity.

3 / 3

Progressive Disclosure

The body is a concise overview that clearly signals a one-level-deep reference ('For full implementation details, code examples, and framework-specific guidance, see references/rule.md'), and the referenced file exists, matching the score-3 anchor for well-signaled one-level navigation.

3 / 3

Total

11

/

12

Passed

Description

77%

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 has an explicit trigger clause and lists specific, concrete review actions, making it fairly complete and specific. It is slightly held back by technical-jargon-heavy trigger terms and overlap risk with related image skills.

Suggestions

Add more user-natural trigger phrasing (e.g., 'broken images', 'image fallback', 'placeholder for failed images') alongside the technical CDN/transform terms.

Tighten the scope wording to reduce overlap with sibling image-optimization skills, e.g., lead with 'image loading errors and fallbacks' as the primary trigger.

DimensionReasoningScore

Specificity

Lists multiple concrete review/check actions across image assets, markup, CDN/build transforms, and four specific metrics (encoded size, rendered size, loading strategy, above-the-fold impact), matching the score-3 anchor for multiple specific concrete actions.

3 / 3

Completeness

Clearly answers both what (review image assets, markup, CDN/build transforms; check encoded/rendered size, loading strategy, above-the-fold impact) and when, opening with an explicit 'Use when reviewing...' trigger clause.

3 / 3

Trigger Term Quality

Includes natural terms like 'image assets' and 'image loading errors' but leans technical with jargon such as 'CDN or build transforms' and 'above-the-fold impact', missing the broad common-variation coverage of a score-3 example.

2 / 3

Distinctiveness Conflict Risk

Targets a clear niche (image loading errors) but the broad 'image assets, markup, CDN or build transforms' framing overlaps with sibling image-review skills in the same checklist family, keeping it at score 2.

2 / 3

Total

10

/

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.