CtrlK
BlogDocsLog inGet started
Tessl Logo
SkillPublic

performance-optimization

Diagnose and fix web performance issues including Core Web Vitals (LCP, INP, CLS), bundle size, asset optimization, render performance, and runtime efficiency. Use this skill whenever the user wants to improve page speed, fix Core Web Vitals, optimize assets, reduce bundle size, debug slow renders, or systematically improve a site's performance. Triggers on performance, page speed, Core Web Vitals, LCP, INP, CLS, FID, TTFB, bundle size, code splitting, image optimization, lazy loading, render blocking, slow page, performance audit, Lighthouse score. Also triggers when traffic or conversion is dropping due to perceived slowness.

Quality

86%

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

SKILL.md
Quality
Evals
Security

Quality

Content

67%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-structured instructional skill: concrete numbers, named tools and APIs, a sequenced workflow with re-measurement checkpoints, and clean one-level references. Its main weakness is token efficiency — much of the Core Web Vitals and best-practices material restates standard knowledge Claude already has and overlaps the referenced playbook.

Suggestions

Move the per-metric 'What it measures / Common causes / Common fixes' detail into references/optimization-playbook.md and keep only the metric names, target thresholds, and a pointer in SKILL.md — Claude already knows what LCP, INP, and CLS measure.

Trim the 'Beyond Core Web Vitals' best-practice lists (images, fonts, third parties) to the non-obvious specifics (e.g., the 170KB/100KB budget numbers, the 60-80 percent image-weight figure) and let references/optimization-checklist.md carry the rest.

Add one or two executable commands (e.g., a Lighthouse CLI invocation for the baseline step) so the workflow's first step is copy-paste ready.

DimensionReasoningScore

Conciseness

The body is dense and free of filler, but large portions restate knowledge Claude already has: "What it measures: Time until the largest visible content element finishes rendering", standard CWV target tiers, and well-known image/font/third-party best practices. This is more than minor over-explanation (not 4), but there is no padded or conversational fluff (not 2) — the material could simply be tightened by moving textbook detail into the referenced files.

3 / 5

Actionability

Concrete, specific guidance throughout: numeric thresholds ("TTFB over 800ms", "Initial JS under 170KB compressed", "under 1500 elements"), named APIs (`scheduler.yield()`, `font-display: optional`, `srcset`, `<link rel="preload" as="font">`), and named tools with dev-tools tabs. Falls short of 5 because nothing is copy-paste executable — e.g., no Lighthouse CLI command or code snippet for any fix — though for an instruction-only skill this is a minor gap, not the incompleteness of a 3.

4 / 5

Workflow Clarity

The 7-step workflow is clearly sequenced with an explicit validation checkpoint ("Re-measure. After each major fix, re-run Lighthouse and check Real User Monitoring") and the failure-patterns section reinforces correct ordering. Not 5 because there is no explicit error-recovery loop for when a fix fails to move the metric, and the checklist lives in a reference rather than the workflow itself.

4 / 5

Progressive Disclosure

Three real, one-level-deep reference files are clearly signaled with per-file purpose descriptions, and SKILL.md carries the framework, workflow, and output format. Not 5 because SKILL.md is heavier than an overview: the inlined per-metric causes/fixes lists substantially duplicate the role of the referenced optimization-playbook.md ("Symptom-to-fix playbook for the common Core Web Vitals problems"), content that could be split out.

4 / 5

Total

15

/

20

Passed

Description

100%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.

An excellent description: it explicitly states what the skill does and when to use it, enumerates comprehensive capabilities, and provides exhaustive natural trigger terms including acronyms, synonyms, and a secondary behavioral trigger. No weaknesses identified.

DimensionReasoningScore

Specificity

"Diagnose and fix" are concrete actions and the enumerated coverage — "Core Web Vitals (LCP, INP, CLS), bundle size, asset optimization, render performance, and runtime efficiency" — comprehensively spans the skill's domain, matching the anchor-5 pattern of listing multiple specific capabilities with comprehensive coverage. Not 4 because there is no meaningful gap: every sub-area the skill covers is named.

5 / 5

Completeness

Both parts are explicit: the what ("Diagnose and fix web performance issues including Core Web Vitals...") and the when ("Use this skill whenever the user wants to improve page speed, fix Core Web Vitals, optimize assets, reduce bundle size, debug slow renders, or systematically improve a site's performance"). This directly matches the anchor-5 example structure of explicit what plus concrete when-clauses.

5 / 5

Trigger Term Quality

"Triggers on performance, page speed, Core Web Vitals, LCP, INP, CLS, FID, TTFB, bundle size, code splitting, image optimization, lazy loading, render blocking, slow page, performance audit, Lighthouse score" covers natural phrases, acronyms, and synonyms, plus a behavioral trigger ("traffic or conversion is dropping due to perceived slowness"). This is comprehensive coverage including variations users would naturally say.

5 / 5

Distinctiveness Conflict Risk

A clear web-performance niche with distinct metric-named triggers (LCP, INP, CLS, Lighthouse score) that no adjacent skill would claim. The only potential overlap ("traffic or conversion is dropping") is qualified by "due to perceived slowness", keeping it inside the performance niche — minimal conflict risk.

5 / 5

Total

20

/

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

frontmatter_unknown_keys

Unknown frontmatter key(s) found; consider removing or moving to metadata

Warning

Total

15

/

16

Passed

Repository

rampstackco/claude-skills

Path

skills/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.