Skip to content

Frontend · Global library

LCP (Largest Contentful Paint) Accelerator

Optimizes the largest contentful paint element through image optimization, resource prioritization, and critical path optimization

CodexClaude CodeKimi Codeorchestrator-mcp

Best use case

Use LCP (Largest Contentful Paint) Accelerator when you need to optimizes the largest contentful paint element through image optimization, resource prioritization, and critical path optimization, especially when the work is driven by LCP and largest contentful paint.

Trigger signals

LCPlargest contentful painthero imagepreloadfetchpriority

Validation hooks

lcp-threshold-checkpreload-presence-checkimage-optimization-check

Install surface

Copy the exact command path you need.

Inspect

pip install "orchestrator-mcp[dashboard]"
orchestrator-mcp skills show lcp-accelerator

Use

orchestrator-mcp skills export lcp-accelerator --to ./skillforge-packs
# copy the exported pack into your preferred agent environment

Export

cp -R skills/lcp-accelerator ./your-agent-skills/lcp-accelerator
# or open skills/lcp-accelerator/SKILL.md in a markdown-first client

File patterns

*.html*.css*.js*.tsx

Model preferences

gpt-4oclaude-sonnet-4claude-haiku

Related skills

Adjacent packs to compose next.

FrontendGlobal library

Resource Loading Optimizer

Open pack

Optimizes the loading priority of all resources using preload, prefetch, preconnect, and modulepreload for maximum performance

CodexClaude Code
FrontendGlobal library

@property Animator

Open pack

Creates smooth, performant animations of CSS custom properties using @property to enable transitions on gradients, transforms, and complex values

CodexClaude Code