CtrlK
BlogDocsLog inGet started
Tessl Logo

webpagetest

Use when reviewing templates, rendered HTML, or shared components related to Analyze performance with WebPageTest. Validate the final browser-facing markup, not just the source framework abstraction.

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

Low

Low-risk findings worth noting

Fix and improve this skill with Tessl

tessl review fix ./skills/webpagetest/SKILL.md
SKILL.md
Quality
Evals
Security

Quality

Content

65%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 compact, well-organized overview with an exemplary progressive-disclosure split to a real one-level-deep reference file. Its weakness is that the Check/Fix guidance stays at the level of vague direction — no executable steps, commands, or a sequenced workflow with a verify-after-fix loop appear in the body itself.

Suggestions

Make the Check section executable: give one concrete path to run a test (e.g. the web UI at webpagetest.org or a minimal API call) instead of 'Use WebPageTest to analyze page performance'.

Add an explicit ordered workflow with a validation loop: run baseline tests -> identify bottleneck in waterfall/filmstrip -> apply fix -> re-run and compare before/after metrics.

Move the Explain section's overlap with the intro into one place and replace it with the decision-critical detail (which metric thresholds indicate a problem) to tighten conciseness further.

DimensionReasoningScore

Conciseness

The ~30-line body is lean with actionable bullets ('Run 3+ tests to get consistent results', 'Use filmstrip view to identify visual progress') and no padded tutorials. Minor over-explanation remains: the intro sentence and the Explain section both restate what WebPageTest reveals, which Claude largely already knows — so anchor 4 (efficient, minor trims possible) rather than 5.

4 / 5

Actionability

Quick Reference names concrete WebPageTest features ('Check waterfall for blocking resources and slow third-parties', 'Test from locations near your users'), but the Check and Fix sections are pure direction ('Use WebPageTest to analyze page performance, identify bottlenecks') with no commands, URLs, or API steps in the body — execution is deferred entirely to references/rule.md. Fits anchor 3 (some concrete guidance, incomplete) rather than 2 (the bullets are more than high-level hints).

3 / 5

Workflow Clarity

The section ordering (Quick Reference, Check, Fix, Explain, Code Review) implies a rough analyze-then-fix sequence, but no explicit step ordering exists and there is no validation checkpoint such as re-running tests after a fix and comparing metrics. Matches anchor 3 (sequence present, checkpoints missing) rather than 4, which requires most checkpoints articulated.

3 / 5

Progressive Disclosure

The body is a lean, clearly sectioned overview that delegates all implementation detail via a well-signaled, one-level-deep pointer ('For full implementation details, code examples, and framework-specific guidance, see references/rule.md'), and that file exists and contains the bulk material (30KB of examples, API scripts, CI integration). This exactly matches the anchor 5 pattern of an overview plus clearly signaled one-level-deep references.

5 / 5

Total

15

/

20

Passed

Description

58%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 has an explicit and appropriately scoped 'Use when' clause and a distinctive tool name, but the 'what' is only a vague review directive, natural trigger synonyms are missing, and the rule title is awkwardly embedded in an unnatural phrase. It reads as template boilerplate with the rule name inserted rather than a purpose-written description.

Suggestions

State the concrete capability in the first sentence, e.g. 'Analyze real-world page performance with WebPageTest: TTFB, render-blocking resources, filmstrip visual progress, and waterfall analysis' before the 'Use when' clause.

Replace the unnatural phrase 'related to Analyze performance with WebPageTest' with plain wording and add common trigger synonyms such as 'page speed', 'load time', or 'Core Web Vitals' so users' natural phrasing matches.

Vary the boilerplate 'reviewing templates, rendered HTML, or shared components' framing (shared with sibling rules) with a WebPageTest-specific trigger, e.g. 'Use when a page is slow, when measuring load performance, or when the user mentions WebPageTest or page speed.'

DimensionReasoningScore

Specificity

The description names the domain ('reviewing templates, rendered HTML, or shared components') and 1-2 concrete review actions ('Validate the final browser-facing markup'), but never states what the skill actually does with WebPageTest (run tests, analyze waterfalls, measure TTFB). It matches anchor 3: domain plus 1-2 concrete actions, not comprehensive — a 4 would require several specific listed actions.

3 / 5

Completeness

An explicit 'Use when...' trigger clause is present ('Use when reviewing templates, rendered HTML, or shared components...') and a what is stated ('Validate the final browser-facing markup, not just the source framework abstraction'), satisfying anchor 4. Not 5 because the what is a review directive rather than a concrete description of the skill's analysis capabilities.

4 / 5

Trigger Term Quality

'WebPageTest' is a natural user term and 'rendered HTML' and 'performance' help, but common variations are missing (page speed, load time, site performance test, Core Web Vitals) and 'related to Analyze performance with WebPageTest' embeds a rule title rather than natural phrasing. This fits anchor 3 (relevant keywords, missing variations) rather than 4 (good coverage with only a few gaps).

3 / 5

Distinctiveness Conflict Risk

'WebPageTest' carves a distinct niche, but the boilerplate trigger framing 'reviewing templates, rendered HTML, or shared components related to...' would apply equally to any sibling frontendchecklist HTML rule, creating overlap with a whole family of similar skills. This matches anchor 3 (somewhat specific but can still overlap) rather than 4 (mostly distinct with only minor overlap).

3 / 5

Total

13

/

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.