CtrlK
BlogDocsLog inGet started
Tessl Logo
SkillPublic

web-performance-optimization

Optimizes web application performance through code splitting, lazy loading, caching strategies, and Core Web Vitals monitoring. Use when improving page load times, implementing service workers, or reducing bundle sizes.

80

1.15x
Quality

77%

Does it follow best practices?

Impact

96%

1.15x

Average score across 3 eval scenarios

SecuritybySnyk

Low

Low-risk findings worth noting

Fix and improve this skill with Tessl

tessl review fix ./plugins/web-performance-optimization/skills/web-performance-optimization/SKILL.md
SKILL.md
Quality
Evals
Security

Quality

Content

61%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 highly actionable with dense, executable code and well-structured one-level-deep references. Its weaknesses are redundancy (duplicate INP notes, overlapping best-practices/checklist sections, time-dated info outside a deprecated section) and the absence of a sequenced measure-optimize-verify workflow with validation checkpoints.

Suggestions

Consolidate the duplicated INP-replaced-FID note into a single 'Deprecated metrics' note and merge the overlapping 'Best Practices' bullet list into the 'Optimization Checklist' to remove ~15 redundant lines.

Add a short ordered workflow (1. Baseline with Lighthouse/PageSpeed → 2. Identify worst Core Web Vital → 3. Apply matching technique from below → 4. Re-measure against the targets table) so the technique catalog has a sequence with validation checkpoints.

Move the full service worker and Core Web Vitals monitoring implementations to a reference file (as done for TypeScript variants) to slim the SKILL.md toward a lean overview.

DimensionReasoningScore

Conciseness

The body is mostly dense, useful code, but it could be tightened: the INP-replaced-FID note appears twice ('INP replaced FID as of March 2024' in the code comment and again below the targets table, with overlapping explanation), and the 'Best Practices' bullet list substantially duplicates the 'Optimization Checklist'. The date-stamped note is also not confined to a deprecated/old-patterns section, which the guidelines penalize. Not a 2 since there is no concept-teaching padding; not a 4 because these redundancies go beyond 'minor' trims.

3 / 5

Actionability

Nearly all sections give concrete, executable code — React lazy/Suspense, webpack splitChunks config, <picture> markup, a working service worker, PerformanceObserver snippets, and nginx gzip directives — with the sendToAnalytics placeholder explicitly documented ('Expected signature: sendToAnalytics({ metric: string, value: number }) => void'). Minor gaps keep it below 5: the webpack and nginx blocks are fragments without surrounding config, and <Loading /> is undefined in the React example.

4 / 5

Workflow Clarity

The skill presents techniques as an unordered catalog with a checklist and a targets table, but no sequenced workflow (e.g., measure → identify bottleneck → apply fix → re-measure) and no validation checkpoints — matching the level-3 anchor 'sequence present but checkpoints missing or implicit'. Not a 2: the Performance Targets table and Optimization Checklist do impose some structure and measurable pass/fail criteria. No destructive or batch operations, so no cap applies.

3 / 5

Progressive Disclosure

Two real, one-level-deep reference files (references/compression-monitoring.md, references/typescript-advanced.md) are clearly signaled with bulleted content summaries ('See references/compression-monitoring.md for: Webpack compression plugin setup...'), and the split is sensible — advanced config out, core techniques inline. Below 5 because at 223 lines the SKILL.md is heavier than a lean overview (e.g., the full service-worker and monitoring implementations could live in references), and the inline nginx compression snippet overlaps with compression content already in the reference file.

4 / 5

Total

14

/

20

Passed

Description

83%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 strong description: specific, third-person, with an explicit 'Use when' trigger clause covering natural user phrases. The only gaps are modest — a few missing capability areas (compression, image optimization) and natural synonyms (site speed, Lighthouse).

DimensionReasoningScore

Specificity

Quotes concrete actions — 'code splitting, lazy loading, caching strategies, and Core Web Vitals monitoring' — which are specific and executable capabilities, matching the level-4 anchor 'Lists several specific actions; minor gaps in coverage'. It falls short of 5 because the body also covers image optimization and compression, which are absent from the description.

4 / 5

Completeness

Both questions are explicitly answered: the 'what' ('Optimizes web application performance through code splitting, lazy loading, caching strategies, and Core Web Vitals monitoring') and an explicit 'Use when...' clause with concrete triggers ('improving page load times, implementing service workers, or reducing bundle sizes'), matching the level-5 anchor exactly. Third-person voice is used correctly.

5 / 5

Trigger Term Quality

'improving page load times', 'implementing service workers', 'reducing bundle sizes', and 'Core Web Vitals' are natural phrases a user would say, giving good keyword coverage. Not a 5: common variations like 'site speed', 'slow page', 'Lighthouse', or 'LCP' are missing.

4 / 5

Distinctiveness Conflict Risk

Terms like 'Core Web Vitals', 'bundle sizes', and 'service workers' carve out a clear performance niche, but 'caching strategies' and 'web application performance' are broad enough to overlap with general web-development or caching-specific skills — mostly distinct with minor overlap risk, the level-4 anchor.

4 / 5

Total

17

/

20

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.

Validation — 16 / 16 Passed

Validation for skill structure

No warnings or errors.

Repository

secondsky/claude-skills

Path

plugins/web-performance-optimization/skills/web-performance-optimization/SKILL.md

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.