surendranb

Lcp Optimization — Development skill for Claude Code

Development community

Largest Contentful Paint (LCP) Optimization Playbook.

How to install Lcp Optimization

Installs to ~/.claude/skills/surendranb-core-web-vitals-mcp-lcp-optimization/SKILL.md

Terminal

mkdir -p ~/.claude/skills/surendranb-core-web-vitals-mcp-lcp-optimization && curl -fsSL https://raw.githubusercontent.com/surendranb/core-web-vitals-mcp/HEAD/skills/lcp-optimization.md -o ~/.claude/skills/surendranb-core-web-vitals-mcp-lcp-optimization/SKILL.md

Restart Claude Code, or start a new session, for it to be picked up.

What Lcp Optimization does

Largest Contentful Paint (LCP) Optimization Playbook

A structured engineering playbook for diagnosing and resolving Largest Contentful Paint (LCP) bottlenecks using CrUX real-user data and Lighthouse lab diagnostics.

1. LCP Thresholds & Targets

Largest Contentful Paint measures perceived load speed by reporting the render time of the largest image or text block visible within the initial viewport.

Assessment	LCP Duration (p75)	User Experience
Good	$\le 2.5\

Alternatives in Development

Src Hunter Skill — 实战 SRC / 众测 / Bug bounty 漏洞挖掘 Claude Code skill — 19 个攻击类 playbook、305 个结构化 payload、263 个 WAF/EDR 绕过、2887 份 Ha 602 ★
Playbook — How to dispatch well — choosing flash vs pro, writing self-contained briefs, parallelism, verifying results, a 116 ★
Agent Teams Playbook — Claude Code多智能体编排Skill：自适应决策 + 6阶段工作流 + 5大场景 Multi-agent orchestration skill for Claude Code 96 ★