Communityコーディング&開発github.com

addyosmani/core-web-vitals

Core Web Vitals(LCP、INP、CLS)を最適化し、ページエクスペリエンスと検索ランキングを向上させます。「Core Web Vitals を改善」「LCP を修正」「CLS を削減」「INP を最適化」「ページエクスペリエンスの最適化」「レイアウトシフトを修正」などのリクエスト時に使用します。

core-web-vitals とは?

このスキルは、Google が定義する Core Web Vitals(LCP、INP、CLS)の最適化に特化したエンジニアリング支援ツールです。ユーザーが「LCP を改善」「CLS を削減」「INP を最適化」などの自然言語リクエストを行うと、本スキルが自動的にアクティブ化され、パフォーマンスボトルネックの診断と修正を支援します。具体的には、画像の最適化、JavaScript の効率化、レンダリングパスの改善、レイアウトシフトの原因特定といった技術的アドバイスを提供します。主要な開発環境(Claude Code、Cursor、Codex など)で動作し、実践的なコード例や計測手法を提示することで、Core Web Vitals のスコア向上とユーザー体験の改善を実現します。

対応~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/addyosmani/web-quality-skills/tree/main/skills/core-web-vitals

Installed? Explore more コーディング&開発 skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

お気に入りのAIに質問する

このエージェントスキルを事前に読み込んだ状態で新しいチャットを開きます。

ドキュメント

core-web-vitals は何をしますか?

Core Web Vitals(LCP、INP、CLS)を最適化し、ページエクスペリエンスと検索ランキングを向上させます。「Core Web Vitals を改善」「LCP を修正」「CLS を削減」「INP を最適化」「ページエクスペリエンスの最適化」「レイアウトシフトを修正」などのリクエスト時に使用します。

Individual skills in this repo

This repo contains 5 individual skills — each has its own dedicated page.

関連スキル