CtrlK
BlogDocsLog inGet started
Tessl Logo

testland/lighthouse-perf

Configures Lighthouse CI (`@lhci/cli`) to audit Web Vitals (LCP, INP, CLS) on every PR, asserts against canonical thresholds (LCP ≤2.5s, INP ≤200ms, CLS ≤0.1 at the 75th percentile), uploads Lighthouse reports as build artifacts, and posts deltas as PR comments. Use when the project ships a web frontend and the team needs continuous Web Vitals monitoring tied to PR gating.

76

Quality

95%

Does it follow best practices?

Run evals on this skill

Adds up to 20 points to the overall score

View guide

SecuritybySnyk

Medium

Suggest reviewing before use

Overview
Quality
Evals
Security
Files

Quality

Content

87%

Reviews the quality of instructions and guidance provided to agents. Good implementation is clear, handles edge cases, and produces reliable results.

The body is actionable and well-structured with executable config and CI examples that earn their tokens. Its main gap is workflow clarity: the collect→assert→upload sequence lacks an explicit validation/checkpoint step before the gating assertion.

Suggestions

Add an explicit checkpoint between starting the server and asserting — e.g., 'Confirm the server reports ready on startServerReadyPattern before lhci assert runs' — to give workflow_clarity a clear validation step.

Insert a build-verification gate before the Lighthouse CI step (e.g., 'Only run lhci autorun if npm run build exits 0') so the audit never runs against a broken bundle.

Tighten the small restatements — the INP-replaces-FID note and the assertion-level explanation each appear twice (inline comment + prose) — to recover a few tokens without losing clarity.

DimensionReasoningScore

Conciseness

Mostly lean and assumes Claude's competence — no tutorials on what a PR is or how Lighthouse works — with each section earning its place; a few mild restatements (INP-replaces-FID, assertion-level explanation appearing inline and as a list) keep it just inside the score-3 anchor rather than the verbosity of a 2.

3 / 3

Actionability

Provides fully executable guidance — exact npm/lhci commands, a complete .lighthouserc.js, real assertion keys with numeric thresholds, and a copy-paste GitHub Actions workflow with pinned action versions — matching the score-3 anchor for copy-paste-ready code.

3 / 3

Workflow Clarity

The autorun phases (collect → assert → upload) are clearly sequenced, but checkpoints are implicit — e.g., no explicit verify that the server is ready on startServerReadyPattern before asserting, and no build-success gate before the audit — matching the score-2 anchor of sequence present but checkpoints missing; not a 3 because no explicit validation step precedes the gate, not a 1 because the sequence is clear.

2 / 3

Progressive Disclosure

Well-organized into clearly headed sections with one-level-deep references to external docs (web.dev, lhci) and sibling skills; no bundle directories exist so all content is appropriately inline, matching the score-3 anchor for a clear overview with well-signaled navigation.

3 / 3

Total

11

/

12

Passed

Description

100%

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 specific, complete, and distinctive, listing concrete capabilities and an explicit use-when trigger with natural vocabulary. Voice is appropriately third person with no over-claims or fluff.

DimensionReasoningScore

Specificity

Names multiple concrete actions — 'Configures Lighthouse CI', 'audits Web Vitals', 'asserts against canonical thresholds', 'uploads Lighthouse reports as build artifacts', 'posts deltas as PR comments' — matching the score-3 anchor for multiple specific concrete actions.

3 / 3

Completeness

Explicitly answers both what (configures/audits/asserts/uploads/posts) and when via 'Use when the project ships a web frontend and the team needs continuous Web Vitals monitoring tied to PR gating', matching the score-3 anchor; not a 2 because the when clause is explicit rather than implied.

3 / 3

Trigger Term Quality

Covers natural terms users would say — 'Lighthouse', 'Web Vitals', 'LCP/INP/CLS', 'web frontend', 'PR comments', 'PR gating' — with good coverage of common phrasings.

3 / 3

Distinctiveness Conflict Risk

Occupies a clear niche (Lighthouse CI / Web Vitals gating on PRs) with triggers narrowed to web frontends, making conflict with sibling skills unlikely; not a 2 because the scope is sharply bounded.

3 / 3

Total

12

/

12

Passed

Validation

100%

Checks the skill against the spec for correct structure and formatting. All validation checks must pass before discovery and implementation can be scored.

Validation16 / 16 Passed

Validation for skill structure

No warnings or errors.

Reviewed

Table of Contents