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

xBelowZero/claude-skill-performance-audit

Claude Code用スキル:Google PageSpeed Insights / Lighthouse / Core Web Vitalsを使ったパフォーマンス監査。LP、WordPress/Elementor、Next.jsに特化。レイアウト、トラッキング、UTM、コンバージョンを保持します。

claude-skill-performance-audit とは?

このClaude Codeスキルは、Google PageSpeed Insights、Lighthouse、Core Web Vitalsを活用してWebパフォーマンス監査を自動化します。ランディングページ、WordPress/Elementorサイト、Next.jsアプリケーションに特に重点を置いており、監査中にレイアウト崩れ、トラッキングスクリプト、UTMパラメータ、コンバージョン計測を損なわないよう設計されています。PageSpeed Insights APIを呼び出してスコアを取得し、Lighthouseレポートを解析、ボトルネックを特定し、推奨改善策を提示します。Claude Codeのエージェント機能を通じて実行され、開発者がパフォーマンス最適化を効率的に進められるよう支援します。

対応✓Claude Code~Codex CLI~Cursor
Part ofNext.js
npx skills add xBelowZero/claude-skill-performance-audit

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

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

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

ドキュメント

claude-skill-performance-audit は何をしますか?

Claude Code用スキル:Google PageSpeed Insights / Lighthouse / Core Web Vitalsを使ったパフォーマンス監査。LP、WordPress/Elementor、Next.jsに特化。レイアウト、トラッキング、UTM、コンバージョンを保持します。

概要

このスキルは、Webページのパフォーマンスを監査し、改善提案を提供します。主に以下を対象とします:

  • ランディングページ(LP)
  • WordPress + Elementor サイト
  • Next.js アプリケーション

監査では、以下の指標を重視します:

  • Lighthouse スコア(パフォーマンス、アクセシビリティ、ベストプラクティス、SEO)
  • Core Web Vitals(LCP、FID/INP、CLS)
  • PageSpeed Insights によるモバイル・デスクトップ両方の分析

使用方法

  1. Claude Code でこのスキルを有効にします。
  2. 監査したいURLを指定します。
  3. スキルが自動的にPageSpeed Insights APIを呼び出し、結果を解析します。
  4. 結果は人間が読みやすい形式で表示され、具体的な改善案が提示されます。

例

/audit https://example.com

注意事項

  • 監査対象のページは公開されている必要があります。
  • 大量のリクエストを行う場合はAPIレート制限に注意してください。
  • スキルはレイアウト、トラッキング、UTM、コンバージョンを保持するよう設計されていますが、実際の変更を行う前にバックアップを推奨します。

関連スキル