CtrlK
BlogDocsLog inGet started
Tessl Logo

browser-caching

Use when auditing slow page loads, heavy assets, or rendering delays related to Enable browser caching. 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/browser-caching/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.

The body is a lean, well-structured overview that defers detail cleanly to a real one-level reference file, and the Quick Reference bullets carry the concrete caching policies. The main gap is that the Check and Fix sections give only vague one-line directives with no verification method or executable steps in the body itself.

Suggestions

Add one concrete check method to the Check section, e.g., 'Inspect Cache-Control/ETag response headers in DevTools Network tab or Lighthouse's Uses-page-cache audit'.

Inline one minimal copy-pasteable header example (e.g., a two-line Cache-Control config for hashed assets vs. HTML) so the Fix section is executable without opening the reference.

Clarify how the 'Code Review' section relates to the Check → Fix → Explain workflow, or fold it into the sequence so the skill reads as one coherent process.

DimensionReasoningScore

Conciseness

The body is ~30 lines with no padding and no explanation of concepts Claude already knows; every section (Quick Reference, Check, Fix, Explain, Code Review) is a terse directive. The single intro sentence on caching benefits is brief framing, not verbose explanation — matching 'lean and efficient; every token earns its place'.

5 / 5

Actionability

The Quick Reference bullets give concrete policy values ('immutable caching for hashed assets (1 year max-age)', 'short cache + revalidation for HTML'), but the Check and Fix sections are high-level directives ('Verify that proper cache headers are set', 'Configure appropriate Cache-Control and ETag headers') with no commands, code, or method for how to check or apply them — the executable detail lives entirely in references/rule.md. This fits 'some concrete guidance but incomplete; missing key details' rather than 4's 'mostly executable guidance with concrete code or commands'.

3 / 5

Workflow Clarity

The Check → Fix → Explain sequence gives a clear, ordered workflow for a simple non-destructive skill, and the Quick Reference caps it with concrete policies. It falls short of 5 because the Check step provides no verification method or checkpoint (e.g., inspect response headers in DevTools Network tab) and the appended 'Code Review' section reads as a second, separate use case rather than an integrated step — matching 'clear sequence with most checkpoints present; minor validation gaps'.

4 / 5

Progressive Disclosure

SKILL.md is a concise overview (quick-reference policies plus section skeleton) and defers all implementation detail to a single, clearly signaled, one-level-deep reference: 'For full implementation details, code examples, and framework-specific guidance, see references/rule.md' — and references/rule.md exists (230 lines) containing exactly that (Next.js header config, strategy tables, directive reference). This matches 'clear overview with well-signaled one-level-deep references; content appropriately split'.

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.

The description is concise, third-person, and leads with a clear 'Use when...' trigger plus a concrete verification action with named tools. Its main weakness is that the skill's core capability (configuring Cache-Control/ETag headers) is only implied via the rule title fragment, leaving the 'what' underdeveloped relative to the strong 'when'.

Suggestions

State the core capability explicitly, e.g., 'Checks and configures Cache-Control and ETag headers for static resources' before the 'Use when' clause.

Add common trigger synonyms such as 'page speed', 'load time', or 'cache headers' to broaden natural keyword coverage.

Rephrase the fragment 'related to Enable browser caching' into fluent third-person prose so the domain scoping reads as a deliberate capability statement.

DimensionReasoningScore

Specificity

The description names the domain ("auditing slow page loads, heavy assets, or rendering delays related to Enable browser caching") and one concrete action ("Verify the actual bottleneck in DevTools, Lighthouse, or field data"), but does not list the several distinct actions the skill covers (checking headers, configuring Cache-Control/ETag, code review) — matching 'names domain and 1-2 concrete actions'. It falls short of 4 because no additional specific actions are enumerated, and above 2 because the verification action is concrete with named tools.

3 / 5

Completeness

The 'when' is explicit and strong ("Use when auditing slow page loads...") and a 'what' is present ("Verify the actual bottleneck... before recommending changes"), but the core what — enabling/configuring browser caching headers — is only implicit in the fragment "related to Enable browser caching". This fits 'has both what and when; when could be more explicit or specific' inverted (what could be more explicit), not 5 where both are concretely and explicitly stated.

4 / 5

Trigger Term Quality

Natural phrases users would say are present: "slow page loads", "heavy assets", "rendering delays", "browser caching", plus tool names "DevTools, Lighthouse". A few common natural terms are missing (e.g., "page speed", "load time", "cache headers", "Cache-Control"), fitting 'good keyword coverage; a few natural terms missing' rather than the comprehensive synonym/extension coverage of 5.

4 / 5

Distinctiveness Conflict Risk

The scope is narrowed to browser caching ("related to Enable browser caching"), with distinct tool triggers (DevTools, Lighthouse, field data), giving a mostly distinct niche. Minor overlap risk remains with sibling performance skills that also trigger on "slow page loads" or "heavy assets" (e.g., image optimization, bundle size), so it does not reach the minimal-conflict clarity of 5 but is well above the broad overlap of 3.

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.