CtrlK
BlogDocsLog inGet started
Tessl Logo
SkillPublic

debug-optimize-lcp

Guides debugging and optimizing Largest Contentful Paint (LCP) using Chrome DevTools MCP tools. Use this skill whenever the user asks about LCP performance, slow page loads, Core Web Vitals optimization, or wants to understand why their page's main content takes too long to appear. Also use when the user mentions "largest contentful paint", "page load speed", "CWV", or wants to improve how fast their hero image or main content renders.

71

1.06x
Quality

83%

Does it follow best practices?

Impact

51%

1.06x

1 of 3 eval scenarios. Add 2 more for a full score.

SecuritybySnyk

Low

Low-risk findings worth noting

SKILL.md
Quality
Evals
Security

Quality

Content

71%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 delivers a highly actionable, well-sequenced debugging workflow with exact MCP tool invocations and an explicit verification step. Its weaknesses are redundancy — an intro explaining well-known concepts and an optimization section that duplicates a reference file — and a reference bundle where three of four files are never linked from the body, leaving them orphaned while their content is inlined.

Suggestions

Trim the 'What is LCP and why it matters' intro and replace the inlined 'Optimization Strategies' section with a brief prioritized summary that links to references/optimization-strategies.md (and references/lcp-breakdown.md for the subparts table), since that content already exists in the reference files.

Link the orphaned bundle files (references/lcp-breakdown.md, references/elements-and-size.md, references/optimization-strategies.md) from the relevant body sections so they are discoverable from SKILL.md.

Add an explicit feedback loop to 'Verifying Fixes': what to do when the re-run trace shows the bottleneck did not shrink (e.g., re-check the other subparts before applying the next fix).

DimensionReasoningScore

Conciseness

The 'What is LCP and why it matters' section explains concepts Claude already knows (LCP thresholds, 'LCP is a Core Web Vital that directly affects user experience and search ranking'), and the ~35-line 'Optimization Strategies' section substantially duplicates references/optimization-strategies.md. This fits anchor 3 (mostly efficient but with unnecessary explanation and clear tightening opportunities); it is not 4 because the padding and duplication amount to roughly a third of the body, more than 'minor instances'.

3 / 5

Actionability

Every step gives concrete, executable guidance: exact tool names with parameters ('performance_start_trace' with 'pageId', 'reload: true' and 'autoStop: true', 'list_network_requests' filtered by 'resourceTypes: ["image", "font"]'), named insights to look for (LCPBreakdown, DocumentLatency, RenderBlocking, LCPDiscovery), and specific fixes ('<link rel="preload" fetchpriority="high">', 'emulate' with 'networkConditions: "Fast 3G"' and 'cpuThrottlingRate: 4'). Specific examples cover the common cases, matching anchor 5.

5 / 5

Workflow Clarity

The debugging workflow has five clearly ordered steps ('Follow these steps in order. Each step builds on the previous one.') with outputs feeding forward, plus an explicit verification step ('Re-run the trace... and compare the new subpart breakdown. The bottleneck should shrink.'). This falls between anchors 4 and 5: sequence and validation are strong, but there is no error-recovery loop for the case where the fix fails to shrink the bottleneck, so anchor 4's 'minor validation gaps' is the best fit.

4 / 5

Progressive Disclosure

references/lcp-snippets.md is clearly signaled and one level deep ('the "Identify LCP Element" snippet found in [references/lcp-snippets.md]'), but three of the four bundle files — elements-and-size.md, lcp-breakdown.md, and optimization-strategies.md — are never referenced from the body and are therefore undiscoverable, while their content (subparts table, optimization strategies) is duplicated inline. This matches anchor 3 (some structure, references present but the split between inline and separate content is poorly organized); it is below 4 because orphaned references plus duplicated inline content is more than a 'minor organization gap'.

3 / 5

Total

15

/

20

Passed

Description

86%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 with explicit 'what' and 'when' clauses, third-person voice, and comprehensive natural trigger terms including abbreviations (LCP, CWV). The main limitation is modest capability specificity — it stops at 'debugging and optimizing' without naming the concrete workflow actions — and slightly over-broad Core Web Vitals triggers relative to its LCP-only scope.

DimensionReasoningScore

Specificity

The description names the domain and two concrete actions — 'Guides debugging and optimizing Largest Contentful Paint (LCP) using Chrome DevTools MCP tools' — but does not enumerate more granular capabilities like recording traces or analyzing LCP subparts. This matches anchor 3 (domain plus 1-2 concrete actions, not comprehensive); it is above anchor 2 because the actions are concrete rather than generic, and below anchor 4 because the coverage gaps are more than minor.

3 / 5

Completeness

It clearly answers 'what' ('Guides debugging and optimizing Largest Contentful Paint (LCP) using Chrome DevTools MCP tools') and 'when' with explicit trigger clauses ('Use this skill whenever the user asks about...', 'Also use when the user mentions...'). This matches anchor 5: both what and when explicitly stated with concrete trigger phrases, in third-person voice.

5 / 5

Trigger Term Quality

It covers natural trigger terms comprehensively with synonyms and abbreviations: 'LCP performance', 'slow page loads', 'Core Web Vitals optimization', 'largest contentful paint', 'page load speed', 'CWV', and 'hero image'. These are phrases a user would naturally say; not score 4 because no common variations are meaningfully missing for this domain.

5 / 5

Distinctiveness Conflict Risk

The LCP-debugging niche with Chrome DevTools MCP tools is mostly distinct with specific triggers, but broader phrases like 'Core Web Vitals optimization' and 'slow page loads' could overlap with general web-performance or DevTools debugging skills that cover CLS/INP. This fits anchor 4 (mostly distinct, minor overlap risk with closely related skills); it is not 5 because the CWV-wide triggers extend beyond the skill's LCP-only scope.

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

ChromeDevTools/chrome-devtools-mcp

Path

skills/debug-optimize-lcp/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.