OpenCode Skills.
← Catalog

No. 042 · performance

Core Web Vitals

Audit and optimize LCP, FID, CLS

Version 1.0.0 License MIT Format SKILL.md

Measure and improve Core Web Vitals: LCP (Largest Contentful Paint), INP (Interaction to Next Paint), and CLS (Cumulative Layout Shift). Covers measurement tools, common issues, and fixes.

When to use this skill

  • Improving LCP score
  • Fixing layout shift
  • Auditing Core Web Vitals

Core concepts

This skill provides guidance on core web vitals best practices, patterns, and common pitfalls. It is designed to be loaded on demand when a relevant task is detected.

Installation

curl -LO https://opencode-skills.example/downloads/performance/web-core-vitals.zip
unzip web-core-vitals.zip -d ~/.config/opencode/skills/

Restart OpenCode — the skill loads automatically.

When it triggers

  • improving LCP score
  • fixing layout shift
  • auditing Core Web Vitals