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.

62

Quality

74%

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

78%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 well-structured, token-efficient skill body: a short overview with a Check/Fix workflow and a clean pointer to a real one-level-deep reference file holding the code examples. The only gaps are minor — slight duplication between the Quick Reference bullets and other sections, and no post-fix validation step to confirm the LCP improvement.

DimensionReasoningScore

Conciseness

The ~30-line body is lean and assumes Claude's competence — no explanation of what lazy loading or LCP is. Minor duplication keeps it from a 5: the Quick Reference bullets ('Do not use loading="lazy"...' and 'Lazy loading above-the-fold images delays the LCP') restate the intro and the Fix section, and the generic 'Explain' section adds little new instruction.

4 / 5

Actionability

The Fix section gives copy-paste-ready attribute guidance — "Remove loading="lazy" from above-the-fold images and consider using fetchpriority="high"" — and the Check section names the exact attribute to look for. It is not a 5 because no executable code or measurement method appears in the body itself (code examples are delegated to references/rule.md) and 'likely to be in the initial viewport' offers no concrete way to determine above-the-fold.

4 / 5

Workflow Clarity

The Check → Fix → Explain → Code Review sections form a clear sequence, and the Check step acts as a verify-first checkpoint, fitting 'Clear sequence with most checkpoints present'. It misses a 5 because there is no post-fix validation (e.g., re-measure LCP to confirm improvement) and no explicit feedback loop if the check fails.

4 / 5

Progressive Disclosure

The body is a concise overview with well-organized sections, and the single reference is clearly signaled one level deep: "For full implementation details, code examples, and framework-specific guidance, see references/rule.md" — and references/rule.md exists and contains exactly that (HTML/Next.js code examples). This matches 'Clear overview with well-signaled one-level-deep references; content appropriately split; easy navigation'.

5 / 5

Total

17

/

20

Passed

Description

70%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 solid description with an explicit 'Use when...' trigger, natural user phrasing, and a distinct niche. Its main weakness is that the 'what' centers on verification/auditing and never states the remediation the skill actually delivers, leaving completeness and specificity short of top marks.

Suggestions

State the remediation actions in the description, e.g., 'Remove loading="lazy" from above-the-fold images and apply fetchpriority="high"', so the 'what' is concrete rather than audit-only.

Add the performance terms users actually search for — 'LCP', 'Largest Contentful Paint', 'Core Web Vitals', 'page speed' — to broaden natural trigger coverage.

Tighten the trigger clause by dropping the generic 'heavy assets' and focusing on image-loading/hero-image scenarios to reduce overlap with general performance-audit skills.

DimensionReasoningScore

Specificity

The description names the domain ("Disable lazy loading for above-the-fold content") and two concrete actions — "auditing slow page loads, heavy assets, or rendering delays" and "Verify the actual bottleneck in DevTools, Lighthouse, or field data" — but coverage is incomplete: it never states what the skill actually does about the issue (remove loading="lazy", set fetchpriority="high"), which matches the anchor 'Names domain and 1-2 concrete actions, but not comprehensive'. It is not a 4 because 'several specific actions' with only minor gaps would require the fix/remediation capability to be stated.

3 / 5

Completeness

Both halves are present: an explicit trigger clause ("Use when auditing slow page loads, heavy assets, or rendering delays related to...") and a what ("Verify the actual bottleneck in DevTools, Lighthouse, or field data before recommending changes"). It falls short of a 5 because the 'what' is phrased around the rule name rather than concrete actions Claude performs (fix/rewrite image loading), and the trigger is somewhat broad; it is above a 3 because both what and when are explicitly stated with concrete tools.

4 / 5

Trigger Term Quality

Natural phrases users would say are present: "slow page loads", "heavy assets", "rendering delays", "lazy loading", "above-the-fold", plus tool names (DevTools, Lighthouse). It is not a 5 because common variations like "LCP", "Largest Contentful Paint", "Core Web Vitals", "page speed", or "image optimization" are missing; it is above a 3 because the included phrases go beyond generic domain keywords and read like real user requests.

4 / 5

Distinctiveness Conflict Risk

The niche is clear — lazy loading of above-the-fold images and LCP/rendering delays — with distinct triggers unlikely to fire for unrelated skills. Minor overlap risk remains with general web-performance or image-optimization skills (e.g., Lighthouse auditing skills could also match "slow page loads"), matching the anchor 'Mostly distinct; minor overlap risk with closely related skills'. Not a 5 because the broad opener "slow page loads, heavy assets" could collide with other performance-audit skills.

4 / 5

Total

15

/

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.