CtrlK
BlogDocsLog inGet started
Tessl Logo

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.

88

1.15x
Quality

82%

Does it follow best practices?

Impact

96%

1.15x

Average score across 3 eval scenarios

SecuritybySnyk

Low

Low-risk findings worth noting

SKILL.md
Quality
Evals
Security

Quality

Content

72%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 well-organized, actionable reference with strong progressive disclosure via two clearly-signaled bundle files. Its main weakness is the absence of a sequenced workflow with validation/verification checkpoints, leaving it as a technique catalog rather than a guided process.

Suggestions

Convert the Optimization Checklist into a sequenced workflow with validation steps, e.g. measure baseline Core Web Vitals -> apply a technique -> re-measure and confirm improvement before moving on.

De-duplicate the INP/FID explanation (stated inline in the monitoring section and again in the Performance Targets note) into a single place.

Merge or trim the overlapping Best Practices and Optimization Checklist sections, or differentiate them so each earns its tokens.

DimensionReasoningScore

Conciseness

The body is mostly lean, executable code with brief headers and little explaining of known concepts, but the INP/FID note is repeated (inline and again in the Performance Targets note) and the Best Practices and Optimization Checklist overlap with each other and the code sections.

4 / 5

Actionability

Provides copy-paste-ready executable code across splitting, webpack, images, service worker, Core Web Vitals, and nginx compression, with minor gaps such as no cache-versioning cleanup and an approximate INP observer rather than the web-vitals library approach.

4 / 5

Workflow Clarity

The content is a technique catalog rather than a sequenced process; the Optimization Checklist gives an unordered to-do list with no validation checkpoints, and no measure-then-verify feedback loop for the changes.

3 / 5

Progressive Disclosure

Clear section structure with two real, one-level-deep references (compression-monitoring.md and typescript-advanced.md) that are well-signaled with bulleted previews of their contents, enabling easy navigation.

5 / 5

Total

16

/

20

Passed

Description

92%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, third-person description that states concrete capabilities and an explicit, natural-language trigger clause. It is comprehensive on completeness and distinctiveness, with only minor gaps in trigger-term synonym coverage.

DimensionReasoningScore

Specificity

Names four concrete actions — "code splitting, lazy loading, caching strategies, and Core Web Vitals monitoring" — with comprehensive coverage and no vague language, matching the top anchor.

5 / 5

Completeness

Explicitly answers both what (the four optimization actions) and when via a concrete "Use when improving page load times, implementing service workers, or reducing bundle sizes" clause.

5 / 5

Trigger Term Quality

Includes natural user phrases like "improving page load times", "implementing service workers", and "reducing bundle sizes", but misses common synonyms/variations (e.g. "slow site", "Lighthouse", "Core Web Vitals" as a trigger), so it is below the comprehensive anchor 5.

4 / 5

Distinctiveness Conflict Risk

Targets a clear niche (web application performance) with distinct triggers (page load times, service workers, bundle sizes), giving minimal overlap with unrelated skills.

5 / 5

Total

19

/

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.

Validation16 / 16 Passed

Validation for skill structure

No warnings or errors.

Repository
secondsky/claude-skills
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.