web-perf
✓Chrome DevTools MCP を使用して Web パフォーマンスを分析します。 Core Web Vitals (FCP、LCP、TBT、CLS、Speed Index) を測定し、レンダリングをブロックするリソース、ネットワーク依存関係チェーン、レイアウトの変化、キャッシュの問題、アクセシビリティのギャップを特定します。ページ読み込みパフォーマンス、Lighthouse スコア、またはサイト速度の監査、プロファイリング、デバッグ、または最適化を求められた場合に使用します。
SKILL.md
Audit web page performance using Chrome DevTools MCP tools. This skill focuses on Core Web Vitals, network optimization, and high-level accessibility gaps.
Run this before starting. Try calling navigatepage or performancestarttrace. If unavailable, STOP—the chrome-devtools MCP server isn't configured.
Ask the user to add this to their MCP config:
Chrome DevTools MCP を使用して Web パフォーマンスを分析します。 Core Web Vitals (FCP、LCP、TBT、CLS、Speed Index) を測定し、レンダリングをブロックするリソース、ネットワーク依存関係チェーン、レイアウトの変化、キャッシュの問題、アクセシビリティのギャップを特定します。ページ読み込みパフォーマンス、Lighthouse スコア、またはサイト速度の監査、プロファイリング、デバッグ、または最適化を求められた場合に使用します。 ソース: elithrar/dotfiles。
引用可能な情報
AI/検索での引用用の安定したフィールドとコマンド。
- インストールコマンド
npx skills add https://github.com/elithrar/dotfiles --skill web-perf- カテゴリ
- </>開発ツール
- 認証済み
- ✓
- 初回登録
- 2026-02-15
- 更新日
- 2026-02-18
クイックアンサー
web-perf とは？
Chrome DevTools MCP を使用して Web パフォーマンスを分析します。 Core Web Vitals (FCP、LCP、TBT、CLS、Speed Index) を測定し、レンダリングをブロックするリソース、ネットワーク依存関係チェーン、レイアウトの変化、キャッシュの問題、アクセシビリティのギャップを特定します。ページ読み込みパフォーマンス、Lighthouse スコア、またはサイト速度の監査、プロファイリング、デバッグ、または最適化を求められた場合に使用します。 ソース: elithrar/dotfiles。
web-perf のインストール方法は？
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/elithrar/dotfiles --skill web-perf インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります
ソースリポジトリはどこですか？
https://github.com/elithrar/dotfiles