CtrlK
BlogDocsLog inGet started
Tessl Logo

critical-request-chains

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

60

Quality

71%

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/critical-request-chains/SKILL.md
SKILL.md
Quality
Evals
Security

Quality

Content

71%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 lean, well-organized overview that splits content correctly with a single clearly signaled, verified reference file. The Check and Fix sections stay at high altitude — no commands, report names, or code in the body — capping actionability, and the workflow lacks an explicit post-fix re-measurement step, though sequence and pre-fix verification are clear.

Suggestions

Add one concrete measurement detail to the Check step in the body (e.g., Lighthouse's 'Critical Request Chains' report or DevTools Network initiator column) so it is executable without opening the reference.

Include a single inline `<link rel="preload">` snippet in the Fix section, leaving full detail to references/rule.md.

Add a brief 're-measure after the change' step to close the feedback loop in the body's workflow.

DimensionReasoningScore

Conciseness

The body is lean (~30 lines): terse Quick Reference bullets, one-line Check/Fix directives, and a clean pointer to the reference. Not 5 because the opening sentence 'Long chains of dependent requests delay the initial rendering of the page, as each resource must wait for its parent to be fetched and processed' explains a concept Claude already knows and duplicates the definition in references/rule.md; not 3 because that single sentence is the only padding and everything else earns its place.

4 / 5

Actionability

The body names concrete techniques and tools ('Inline critical CSS', 'Use `preload` hints', 'using Lighthouse or WebPageTest') but provides no code, no commands, and no report/audit names — 'Identify long chains... using Lighthouse or WebPageTest' lacks the specific step (which audit, how to trace initiators), and all executable detail is deferred to references/rule.md. Not 4 because the body itself contains no executable guidance; not 2 because specific remediation techniques are given and the pointer leads to fully executable examples.

3 / 5

Workflow Clarity

A clear Check → Fix → Explain → Code Review sequence, with an explicit measurement checkpoint: 'describe the measurement method used to confirm the issue' (echoing the description's verify-before-recommending directive). Not 5 because there is no post-fix re-verification loop in the body (references/rule.md has a Verification section, but the body never signals that step); not 3 because the measure-before-flagging checkpoint is explicitly stated rather than implicit, and this is a non-destructive audit skill so the validation cap doesn't apply.

4 / 5

Progressive Disclosure

Textbook structure: the body is a concise overview (Quick Reference, Check, Fix, Explain, Code Review) with a single clearly signaled one-level-deep pointer — 'For full implementation details, code examples, and framework-specific guidance, see `references/rule.md`' — and that file exists with substantive, non-redundant content (executable HTML/CSS examples, best practices, tools, verification steps). Content is appropriately split and navigation is easy.

5 / 5

Total

16

/

20

Passed

Description

71%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 well-constructed description with an explicit 'Use when...' clause, concrete trigger phrases, named measurement tools, and a clear verification-first directive. Its main weaknesses are broad performance trigger terms that collide with sibling performance-rule skills, and a 'what' that reads as behavioral guidance rather than a full capability statement.

Suggestions

Add rule-distinctive trigger terms such as 'render-blocking resources', 'request waterfall', 'critical path', or 'preload' so the description triggers on them instead of generic slow-page complaints shared with sibling performance skills.

Lead with a crisp capability statement (e.g., 'Audits and flattens critical request chains...') before the 'Use when' clause so the 'what' covers the skill's full scope.

Include common user phrasings like 'page speed', 'site performance', or 'Core Web Vitals' to broaden natural trigger coverage.

DimensionReasoningScore

Specificity

Concrete actions are named — 'auditing slow page loads, heavy assets, or rendering delays', 'Verify the actual bottleneck in DevTools, Lighthouse, or field data', 'before recommending changes' — along with specific tooling. Not 5 because coverage is incomplete (the skill's fix/code-review capabilities from the body are not described); not 3 because it lists several specific actions rather than only 1-2.

4 / 5

Completeness

Both parts are explicit: 'when' via 'Use when auditing slow page loads, heavy assets, or rendering delays' (concrete triggers) and 'what' via 'Verify the actual bottleneck in DevTools, Lighthouse, or field data before recommending changes'. Not 5 because the 'what' is framed as a behavioral directive rather than a crisp capability statement and doesn't convey the skill's full scope (fix guidance, code review); the 'when' itself is more specific than anchor 4 implies, placing this between 4 and 5.

4 / 5

Trigger Term Quality

Natural user phrasings are present: 'slow page loads', 'rendering delays', 'bottleneck', 'Lighthouse', 'DevTools', 'field data'. Not 5 because common variations users actually say are missing ('page speed', 'site performance', 'Core Web Vitals', 'LCP/FCP', 'performance audit'); not 3 because multiple natural trigger phrases are covered, not just the domain keyword.

4 / 5

Distinctiveness Conflict Risk

The niche term 'Minimize critical request chains' names a distinct rule, but the leading triggers 'slow page loads, heavy assets, or rendering delays' are generic performance complaints that would equally match sibling web-performance skills (image optimization, lazy loading, bundle size). Not 4 because overlap risk with closely related performance skills is more than minor; not 2 because the rule-specific anchor term and named tools give it a real niche.

3 / 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.