CtrlK
BlogDocsLog inGet started
Tessl Logo

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.

86

1.75x
Quality

Does it follow best practices?

Impact

86%

1.75x

Average score across 3 eval scenarios

SecuritybySnyk

Advisory

Suggest reviewing before use

SKILL.md
Quality
Evals
Security

Quality

Content

77%

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

A strong, highly actionable debugging skill with a clear sequenced workflow and an explicit verification feedback loop. Its main weaknesses are mild explanatory padding in the intro and redundancy where the subparts breakdown and optimization strategies appear both inline and in reference files.

Suggestions

Trim the 'What is LCP and why it matters' section to a one-line definition plus the Good/Needs improvement/Poor thresholds; drop the 'Core Web Vital that directly affects user experience and search ranking' sentence and the '73% of mobile pages' stat that Claude already knows.

Remove the inline LCP subparts table and inline Optimization Strategies from SKILL.md, replacing each with a one-line summary plus a link to references/lcp-breakdown.md and references/optimization-strategies.md to eliminate the duplication and enforce a clean one-level split.

Consider moving the 'Common Pitfall' note next to the relevant workflow step rather than leaving it as a standalone callout, so the bottleneck-identification logic stays with the diagnostic action.

DimensionReasoningScore

Conciseness

The body is largely lean and action-oriented, but the 'What is LCP and why it matters' intro restates general knowledge Claude already has ('LCP is a Core Web Vital that directly affects user experience and search ranking') and includes padding like the '73% of mobile pages' statistic; it could be tightened without losing value, so it is not a 3.

2 / 3

Actionability

Fully concrete, executable guidance throughout: specific tool calls with parameters ('performance_start_trace with reload: true and autoStop: true', 'list_network_requests filtered by resourceTypes: ["Image", "Font"]'), real runnable JavaScript snippets in the reference, and copy-paste-ready fixes ('<link rel="preload" fetchpriority="high">').

3 / 3

Workflow Clarity

The Debugging Workflow is a clearly numbered 5-step sequence that explicitly builds on prior steps, and the 'Verifying Fixes & Emulation' section provides a real feedback loop (re-run the trace, compare the subpart breakdown, confirm the bottleneck shrank).

3 / 3

Progressive Disclosure

Snippet references are well-signaled one-level-deep markdown links, but the LCP subparts breakdown table and the optimization strategies are duplicated between SKILL.md and references/lcp-breakdown.md and references/optimization-strategies.md — content that should live only in the reference is repeated inline, so the split is not clean enough for a 3.

2 / 3

Total

10

/

12

Passed

Description

90%

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 well-constructed description with explicit 'what' and 'when' guidance, third-person voice, and rich natural trigger terms. The only weakness is that the named actions (debug/optimize) are high-level rather than enumerating the concrete debugging tasks the skill performs.

Suggestions

Swap the generic verbs for concrete tasks in the description, e.g. 'Records performance traces, analyzes LCP subpart insights, and pinpoints the bottleneck (TTFB, resource load delay, render delay) to optimize Largest Contentful Paint (LCP) using Chrome DevTools MCP tools.'

DimensionReasoningScore

Specificity

Names the domain ('Largest Contentful Paint (LCP)') and two actions ('debugging and optimizing') plus the toolset ('Chrome DevTools MCP tools'), but the actions are high-level verbs rather than the granular concrete tasks (record traces, analyze insights, identify element) the body actually performs, so it is not comprehensive enough for a 3.

2 / 3

Completeness

Explicitly answers both — what ('Guides debugging and optimizing Largest Contentful Paint (LCP) using Chrome DevTools MCP tools') and when ('Use this skill whenever the user asks about... Also use when the user mentions...'), with explicit trigger clauses.

3 / 3

Trigger Term Quality

Strong natural-language coverage a user would actually say: 'LCP performance', 'slow page loads', 'Core Web Vitals optimization', 'largest contentful paint', 'page load speed', 'CWV', and 'hero image or main content'.

3 / 3

Distinctiveness Conflict Risk

Occupies a clear niche (LCP/Core Web Vitals via Chrome DevTools MCP) with distinctive triggers unlikely to fire for unrelated skills.

3 / 3

Total

11

/

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.

Repository
ChromeDevTools/chrome-devtools-mcp
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.