CtrlK
BlogDocsLog inGet started
Tessl Logo

page-weight

Use when auditing slow page loads, heavy assets, or rendering delays related to Keep page weight under 1500KB. Verify the actual bottleneck in DevTools, Lighthouse, or field data before recommending changes.

58

Quality

68%

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/page-weight/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.

A lean, well-structured overview with exemplary progressive disclosure — the body stays high-level and defers all code and benchmarks to a verified single reference file. The weaknesses are in the operational middle: Check gives no measurement method or tool command, Fix is generic advice, and the workflow lacks a re-measure/validation step to confirm optimizations actually reduced weight.

Suggestions

Make the Check section executable: name the measurement method and command, e.g. 'Measure total page weight via Chrome DevTools Network panel (disable cache, check "Transfer Size" total) or `lighthouse <url> --view` (see "total-byte-weight" audit)' instead of just 'Analyze the total page weight'.

Add a validation step after Fix — 'Re-measure page weight and confirm it is now under 1500KB (ideally under 500KB); if not, prioritize the largest remaining resource from the breakdown table' — to close the workflow's feedback loop.

De-duplicate the 500KB/1500KB thresholds (stated in both Quick Reference and Check) and trim the intro line about load-time correlation, which restates knowledge Claude already has.

DimensionReasoningScore

Conciseness

The ~30-line body is efficient: a quick-reference bullet list, terse Check/Fix/Explain/Code Review sections, and a pointer to references. Minor trims exist — the 500KB/1500KB thresholds are repeated between Quick Reference and Check, and the intro line 'Page weight directly correlates with load time—a 1.5MB page takes 3-5 seconds on 4G mobile' explains knowledge Claude already has. Fits anchor 4 (efficient, minor over-explanation) rather than 5.

4 / 5

Actionability

Some concrete guidance exists — specific thresholds ('under 1500KB (ideally under 500KB)'), prioritized contributors ('Images typically account for 50-70%'), and named fix levers ('image optimization, code minification, and removing unnecessary resources') — but the Check section gives no measurement method or command, and Fix is high-level direction rather than executable steps. Anchor 3 ('some concrete guidance but incomplete') fits; the specific numbers and the pointer to executable code in references/rule.md keep it above anchor 2's bare hints.

3 / 5

Workflow Clarity

A recognizable sequence is present (Quick Reference → Check → Fix → Explain → Code Review), but there is no validation checkpoint — nothing instructs re-measuring page weight after optimization to confirm the reduction, and the Code Review section's 'describe the measurement method used to confirm the issue' is implied rather than a distinct step. Anchor 3 ('steps listed but validation gaps, checkpoints missing or implicit') fits better than anchor 4.

3 / 5

Progressive Disclosure

The body is a concise overview and all implementation detail is correctly deferred to a single, clearly signaled, one-level-deep reference — 'For full implementation details, code examples, and framework-specific guidance, see references/rule.md' — which was verified to exist and contain the code examples and benchmark tables. Content is appropriately split and navigation is easy, matching the anchor 5 example.

5 / 5

Total

15

/

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 solid description with an explicit trigger clause, concrete tool-specific actions, and good natural keywords. Its main weaknesses are the garbled 'related to Keep page weight under 1500KB' phrase pasted into the trigger clause, unstated fix/optimization capability, and generic performance triggers that create overlap risk with sibling performance skills.

Suggestions

Rewrite the trigger clause to fix the pasted-in rule title, e.g. 'Use when auditing slow page loads, heavy assets, or page-weight issues, or when total page weight exceeds 1500KB' — this both smooths the grammar and makes the 1500KB threshold an explicit, distinctive trigger.

State the fix-side capability in the 'what' (e.g. '...then apply image optimization, minification, and code splitting to bring total weight under budget') so the description covers what the skill body actually provides.

Add one or two distinguishing synonyms such as 'page size' or 'performance budget' to reduce trigger ambiguity against sibling performance rules.

DimensionReasoningScore

Specificity

Lists several concrete actions with named tools — 'auditing slow page loads, heavy assets, or rendering delays' and 'Verify the actual bottleneck in DevTools, Lighthouse, or field data before recommending changes' — but coverage gaps remain (the optimization/fix guidance the skill actually provides is never mentioned). It exceeds anchor 3 (more than 1-2 actions, tools named) but falls short of anchor 5's comprehensive action list.

4 / 5

Completeness

Explicit 'Use when auditing slow page loads, heavy assets, or rendering delays' trigger clause is present (avoiding the cap at 3), and the 'what' is stated concretely ('Verify the actual bottleneck in DevTools, Lighthouse, or field data before recommending changes'). Not a 5 because the awkward embedded phrase 'related to Keep page weight under 1500KB' muddies both clauses, and the fix/optimization capability is unstated.

4 / 5

Trigger Term Quality

Good natural keyword coverage: 'slow page loads', 'heavy assets', 'rendering delays', 'page weight', 'DevTools', 'Lighthouse' — phrases users would plausibly say. Falls between anchor 3 and 5 because common synonyms like 'page size', 'bundle size', or generic 'site is slow' phrasing are missing.

4 / 5

Distinctiveness Conflict Risk

The page-weight threshold and 'heavy assets' focus give it a niche, but the broad complaint triggers 'slow page loads' and 'rendering delays' would equally fire for many sibling performance-audit skills (image optimization, lazy loading, Lighthouse auditing). Fits anchor 3 — somewhat specific but real overlap risk with closely related skills — rather than anchor 4's 'minor overlap risk only'.

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.