CtrlK
BlogDocsLog inGet started
Tessl Logo

resource-hints

Use when auditing slow page loads, heavy assets, or rendering delays related to Use resource hints for faster loading. Verify the actual bottleneck in DevTools, Lighthouse, or field data before recommending changes.

60

Quality

70%

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/resource-hints/SKILL.md
SKILL.md
Quality
Evals
Security

Quality

Content

72%

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

The body is a clean, concise overview that uses progressive disclosure effectively, deferring concrete code and verification detail to references/rule.md. Its weakness is actionability and workflow clarity in the body itself: guidance is directional without copy-paste-ready content or an explicit validation-checkpoint sequence.

Suggestions

Add one or two minimal executable code snippets directly in the body (e.g., a sample preload/preconnect <link> tag) so the SKILL.md is copy-paste-ready, not just directional.

Make the audit workflow explicit with numbered steps and a validation checkpoint (e.g., measure in Lighthouse/DevTools -> add hints -> re-measure to confirm the waterfall change), rather than parallel one-line sections.

Surface the verification step from references/rule.md into the body's Fix or Check section as an explicit 'verify the metric improved' checkpoint.

DimensionReasoningScore

Conciseness

The body is lean: terse Quick Reference bullets and one-line Check/Fix/Explain/Code Review directives, with no explanation of concepts Claude already knows. The brief opening justification ('improving LCP by 100-300ms on average') is light and every token roughly earns its place, matching 'Lean and efficient; assumes Claude's competence.' Not level 2 because there is no unnecessary explanation or padding; clearly not level 1.

3 / 3

Actionability

The body names specific hint types and use cases ('Use preload for critical above-the-fold resources (fonts, hero images)', 'Add appropriate resource hints (preload, prefetch, preconnect)'), but the executable code and concrete commands are deferred to references/rule.md rather than present in the body. Matches 'Some concrete guidance but incomplete; missing key details.' Not level 3 because there is no copy-paste-ready code in the body; not level 1 because the guidance is concrete and specific rather than abstract.

2 / 3

Workflow Clarity

The Check/Fix/Explain/Code Review sections imply an audit-then-fix-then-review ordering, and Code Review mentions 'the measurement method used to confirm the issue', but there is no explicit sequenced workflow with validation checkpoints or a fix-and-revalidate feedback loop in the body. Matches 'Steps listed but validation gaps; checkpoints missing or implicit.' Not level 3 because validation is implicit rather than an explicit checkpoint sequence; not level 1 because an ordering and a measurement notion are present.

2 / 3

Progressive Disclosure

The body is a concise overview that points to a single real, well-signaled reference ('see references/rule.md'), which exists and is well-organized one level deep. Matches 'Clear overview with well-signaled one-level-deep references; content appropriately split; easy navigation.' Not level 2 because the reference is clearly signaled and the split is appropriate; not level 1 because there is no monolithic wall of text or nested references.

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 an explicit 'Use when' trigger and concrete tooling, but contains a garbled phrase ('related to Use resource hints for faster loading') where the H1 title leaked into the description, slightly marring clarity. Specificity, trigger-term coverage, and distinctiveness are solid but not comprehensive.

Suggestions

Fix the duplicated/garbled phrase 'related to Use resource hints for faster loading' so the description reads as a clean third-person statement of capability.

Add common natural trigger terms such as 'page performance', 'load time', 'slow site', or 'Core Web Vitals' to improve trigger-term coverage and distinctiveness from general performance skills.

State the skill's concrete actions more explicitly (e.g., 'Add and verify preload, preconnect, prefetch, and dns-prefetch hints to improve LCP and load times') to lift specificity.

DimensionReasoningScore

Specificity

Names a concrete domain ('auditing slow page loads, heavy assets, or rendering delays') and tools ('DevTools, Lighthouse, or field data'), but it describes triggering conditions rather than a comprehensive list of specific skill actions, matching 'Names domain and some actions, but not comprehensive.' It is not level 3 because there is no enumeration of multiple concrete capabilities the skill performs, and not level 1 because the language is concrete rather than vague.

2 / 3

Completeness

It answers both 'what' ('Verify the actual bottleneck... before recommending changes') and 'when' with an explicit 'Use when...' trigger clause ('Use when auditing slow page loads, heavy assets, or rendering delays'), matching the anchor for clearly answering both with explicit triggers. Not level 2 because the 'when' is explicit rather than implied; not below 3 because the 'Use when' clause is present.

3 / 3

Trigger Term Quality

It includes reasonably natural terms a user would say ('slow page loads', 'heavy assets', 'rendering delays', 'DevTools', 'Lighthouse'), but common variations like 'performance', 'load time', 'slow site', or 'Core Web Vitals' are missing, so coverage is incomplete rather than strong. Not level 3 because the natural-term coverage is partial; not level 1 because the terms present are genuinely user-facing rather than technical jargon.

2 / 3

Distinctiveness Conflict Risk

The resource-hints framing ('resource hints for faster loading') and measurement tooling give it a recognizable niche, but the triggers ('slow page loads', 'heavy assets', 'rendering delays') could overlap with general performance-auditing skills. Matches 'Somewhat specific but could still overlap with similar skills.' Not level 3 because the triggers are not uniquely distinctive; not level 1 because the niche is identifiable and not broadly generic.

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.