CtrlK
BlogDocsLog inGet started
Tessl Logo

http-requests

Use when auditing slow page loads, heavy assets, or rendering delays related to Minimize HTTP requests. Verify the actual bottleneck in DevTools, Lighthouse, or field data before recommending changes.

54

Quality

61%

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/http-requests/SKILL.md
SKILL.md
Quality
Evals
Security

Quality

Content

57%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 well structured with an exemplary progressive-disclosure split to references/rule.md, but its executable substance is thin: measurement and verification steps are missing or implicit, and the latency-explanation content is duplicated between the intro and Quick Reference. It reads as a clean index page that could be tightened and given concrete checkpoints.

Suggestions

Make Check executable: specify the measurement method (e.g., 'Open DevTools Network tab (or run Lighthouse) and record the total request count') instead of the bare instruction 'Count the number of HTTP requests this page makes'.

Add a post-fix verification checkpoint (e.g., 'Re-run the request count and confirm it dropped below the target') so the Check → Fix sequence has an explicit feedback loop, and reference the Verification section of references/rule.md by name.

Remove the duplicated latency explanation — the intro paragraph and the first Quick Reference bullet state the same DNS/TCP/TLS point; keep one and reserve the other tokens for a small inline snippet such as the performance.getEntriesByType() request counter.

DimensionReasoningScore

Conciseness

The body is short, but it explains a concept Claude already knows ('Each HTTP request incurs network overhead—DNS lookup, TCP connection, and TLS handshake add latency') and then repeats it nearly verbatim in the Quick Reference ('Each HTTP request adds latency (DNS, TCP, TLS handshakes)'). This duplication of known-concept explanation fits anchor 3 ('mostly efficient but includes some unnecessary explanation or could be tightened') better than anchor 4's minor-trim-only standard.

3 / 5

Actionability

There is some concrete guidance — named techniques ('combining files, using sprites, inlining critical resources, and implementing HTTP/2') and a quantified target ('Target under 50 requests for initial page load') — but no executable steps in the body: 'Count the number of HTTP requests this page makes' never says how (no DevTools Network-tab step, no command, no code), and all executable detail is deferred to references/rule.md. This lands between anchor 2 (high-level hints, missing steps) and anchor 3 (some concrete but incomplete guidance), so 3 is the best fit given the specific technique list and numeric target.

3 / 5

Workflow Clarity

The Check → Fix → Explain → Code Review sections give a readable rough sequence, and Check acts as an implicit measure-first step, but there are no explicit validation checkpoints — no instruction to re-measure after applying fixes or confirm the reduction, and the body never points to the Verification section that exists in references/rule.md. This matches anchor 3 ('sequence present but checkpoints missing or implicit') rather than anchor 4's mostly-present checkpoints.

3 / 5

Progressive Disclosure

The body is a genuinely concise overview (~45 lines) with well-organized sections, and it clearly signals a single one-level-deep reference that exists in the bundle: 'For full implementation details, code examples, and framework-specific guidance, see references/rule.md' (verified present, containing the code examples and verification details). Content is appropriately split with easy navigation, matching anchor 5.

5 / 5

Total

14

/

20

Passed

Description

66%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 solidly written description with an explicit and natural 'Use when' trigger clause and a useful verify-before-recommending guardrail. Its weaknesses are a 'what' that only covers auditing rather than the skill's core request-reduction capability, and trigger symptoms broad enough to overlap with other performance skills.

Suggestions

State the core capability explicitly, e.g. 'Counts HTTP requests on a page and reduces them via bundling, SVG sprites, critical-CSS inlining, and HTTP/2', so the 'what' is complete rather than implied.

Add request-specific trigger phrases users would naturally say ('too many requests', 'page speed', 'bundle size', 'network waterfall') to sharpen distinctiveness against other performance skills like image optimization or render-blocking-resource rules.

Name the measurement surface (DevTools Network tab request count, Lighthouse) as a trigger keyword to make the audit entry point discoverable from the description alone.

DimensionReasoningScore

Specificity

The description names the domain ('auditing slow page loads, heavy assets, or rendering delays related to Minimize HTTP requests') and two concrete actions — 'auditing' performance symptoms and 'Verify the actual bottleneck in DevTools, Lighthouse, or field data' — but never states the skill's primary remediation capability (counting/reducing requests via bundling, sprites, inlining). It matches anchor 3 (domain plus 1-2 concrete actions, not comprehensive) better than anchor 4, which expects several specific actions with only minor gaps.

3 / 5

Completeness

The 'when' is explicit and concrete ('Use when auditing slow page loads, heavy assets, or rendering delays...'), and a 'what' is explicitly stated ('Verify the actual bottleneck in DevTools, Lighthouse, or field data before recommending changes'). Both are present, matching anchor 4, but the 'what' covers only the audit/verify side and omits the skill's core minimize-requests capability, so it does not reach anchor 5's fully concrete both-parts answer.

4 / 5

Trigger Term Quality

Natural trigger phrases are present: 'slow page loads', 'heavy assets', 'rendering delays', plus tool names users actually say ('DevTools', 'Lighthouse'). A few common variations are missing ('too many requests', 'page speed', 'bundle size', 'waterfall'), matching anchor 4 ('good keyword coverage; a few natural terms missing') rather than anchor 5's comprehensive synonym/extension coverage.

4 / 5

Distinctiveness Conflict Risk

The tie to 'Minimize HTTP requests' carves out a niche, but the trigger symptoms ('slow page loads, heavy assets, rendering delays') are generic performance complaints that would equally match sibling frontend performance skills (image optimization, render-blocking resources, main-thread work). This fits anchor 3 ('somewhat specific but could still overlap with similar skills') more than anchor 4, which requires only minor overlap with closely related skills.

3 / 5

Total

14

/

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.