CtrlK
BlogDocsLog inGet started
Tessl Logo

lazy-above-fold

Use when auditing slow page loads, heavy assets, or rendering delays related to Disable lazy loading for above-the-fold content. Verify the actual bottleneck in DevTools, Lighthouse, or field data before recommending changes.

65

Quality

78%

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/lazy-above-fold/SKILL.md
SKILL.md
Quality
Evals
Security

Quality

Content

57%

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

The content is a tidy, well-structured overview that delegates depth to a single one-level-deep reference, but it loses points on an empty Next.js code example, a stray "#" artifact, and some concept re-explanation Claude does not need.

Suggestions

Fill in the empty Next.js Image code block with an actual priority example (e.g. <Image priority src=... />) or remove it, and delete the stray "#" under "## Code Examples".

Trim the "Why It Matters" explanations of LCP, CLS, and browser prioritization — Claude already knows these concepts — keeping only the measurement guidance.

Surface an explicit validation checkpoint in the SKILL.md body (e.g. confirm the LCP element via Lighthouse before removing loading="lazy") rather than deferring all verification to rule.md.

DimensionReasoningScore

Conciseness

The body is mostly lean and well-sectioned, but the "Why It Matters" block explains LCP/CLS concepts Claude already knows and a stray empty "## Code Examples" header with a lone "#" adds clutter, so it is not fully tight.

2 / 3

Actionability

Concrete HTML examples (loading="lazy" bad vs fetchpriority="high" good) are present, but the Next.js Image example is empty (only comments, no code) and the dangling "#" under Code Examples leaves the guidance incomplete.

2 / 3

Workflow Clarity

A Check/Fix/Explain/Code Review sequence with verification guidance exists, but the validate→fix→retry checkpoints are implicit in the main body (explicit verification lives in rule.md) and the incomplete code examples weaken the sequence.

2 / 3

Progressive Disclosure

SKILL.md is a concise overview pointing to references/rule.md — a real, well-organized file one level deep, clearly signaled — matching the anchor for a clear overview with well-signaled one-level-deep references.

3 / 3

Total

9

/

12

Passed

Description

100%

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 is specific, trigger-rich, and clearly states both capability and use conditions, scoring at the top of every dimension. It avoids vague fluff and over-claims while naming concrete measurement tools.

DimensionReasoningScore

Specificity

It names multiple concrete actions — "auditing slow page loads, heavy assets, or rendering delays" and "Verify the actual bottleneck in DevTools, Lighthouse, or field data before recommending changes" — matching the anchor for listing multiple specific concrete actions.

3 / 3

Completeness

It explicitly states both what it does (auditing and verifying the bottleneck) and when to use it via the "Use when..." clause, clearly answering both what AND when.

3 / 3

Trigger Term Quality

It covers natural terms users would say — "slow page loads", "heavy assets", "rendering delays", "lazy loading", "above-the-fold", "DevTools", "Lighthouse" — giving good coverage of common phrasings.

3 / 3

Distinctiveness Conflict Risk

It targets a clear niche — lazy loading on above-the-fold content and its LCP impact — with distinct triggers unlikely to fire for unrelated skills.

3 / 3

Total

12

/

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.