CtrlK
BlogDocsLog inGet started
Tessl Logo

figure-figcaption

Use when reviewing image assets, markup, and CDN or build transforms related to Use <figure> and <figcaption> for image captions. Check encoded size, rendered size, loading strategy, and above-the-fold impact together.

59

Quality

68%

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

Quality

Content

70%

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

The body is well-organized with a clear review workflow and good progressive disclosure, but it is slightly redundant in its explanation of known HTML semantics and lacks inline executable code examples.

Suggestions

Trim or repurpose the Explain section to avoid restating figure/figcaption semantics already covered in the intro and assumed known to Claude.

Add one short inline before/after HTML snippet in the Fix section so the corrected markup is copy-paste ready without needing to open the reference.

DimensionReasoningScore

Conciseness

The body is mostly lean and well-sectioned, but the Explain section restates figure/figcaption semantics Claude already knows and overlaps the intro paragraph, so it could be tightened.

2 / 3

Actionability

The Check and Fix sections give concrete numbered steps, but the body only instructs "Show the corrected HTML" without an inline executable example, deferring all code to the reference.

2 / 3

Workflow Clarity

A clear Check→Fix→Explain sequence is present with an explicit four-point verification checklist and a "confirm the fix in DevTools" checkpoint, appropriate for this review skill.

3 / 3

Progressive Disclosure

The body is a concise, well-organized overview that signals a single one-level-deep reference (references/rule.md, which exists), splitting detail appropriately.

3 / 3

Total

10

/

12

Passed

Description

67%

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 answers both what and when with explicit triggers, but its voice is imperative rather than third-person and it awkwardly embeds the rule title alongside technical jargon, weakening trigger naturalness and distinctiveness.

Suggestions

Rewrite capabilities in third person (e.g., "Checks encoded size, rendered size, loading strategy, and above-the-fold impact for image captions") to avoid the imperative-voice specificity penalty.

Remove the verbatim embedded rule title and replace "CDN or build transforms" with natural user-facing terms like "image captions", "figure/figcaption markup", and "image markup".

Narrow the scope to caption/figure semantics rather than broad image-performance concerns to reduce overlap with other image-optimization skills.

DimensionReasoningScore

Specificity

Lists several concrete actions ("Check encoded size, rendered size, loading strategy, and above-the-fold impact together"), but the description uses imperative second-person voice ("Check…") rather than third-person declarative, so specificity is reduced by 1 per the voice guideline.

2 / 3

Completeness

It explicitly states both what it does ("Check encoded size, rendered size, loading strategy, and above-the-fold impact") and when to use it ("Use when reviewing image assets, markup, and CDN or build transforms…"), matching the explicit-trigger anchor.

3 / 3

Trigger Term Quality

Relevant terms are present ("image captions", "figure", "figcaption", "image assets", "CDN"), but the rule title is embedded verbatim mid-sentence and "CDN or build transforms" is jargon that users would not naturally say, leaving common variations missing.

2 / 3

Distinctiveness Conflict Risk

The figure/figcaption caption niche is distinct, but the broad framing ("CDN or build transforms", "loading strategy", "above-the-fold impact") pulls in general image-performance territory that could overlap with other image-optimization skills.

2 / 3

Total

9

/

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.