INP デバッグ、スクロール ジャンク調査、メイン スレッド ブロッキングのための自動ワークフローによるインテリジェントなインタラクション パフォーマンス分析。長いフレームが検出されたときにスクリプト アトリビューションを自動的に実行し、入力レイテンシ フェーズを分析し、レイアウトのシフトとインタラクションを関連付けるデシジョン ツリーが含まれています。完全なインタラクション監査、サードパーティ製スクリプトの影響分析、アニメーション パフォーマンスのデバッグのためのワークフローを備えています。 Core Web Vitals (INP/CLS 相関) およびローディング (スクリプト実行分析) とのクロススキル統合。インタラクションの遅さ、スクロールが不安定、ページが応答しない、または INP の最適化についてユーザーが尋ねた場合に使用します。 Chrome DevTools MCP と互換性があります。
コマンドラインで webperf-interaction AI スキルを開発環境にすばやくインストール
ソース: nucliweb/webperf-snippets。
JavaScript snippets for measuring web performance in Chrome DevTools. Execute with mcpchrome-devtoolsevaluatescript, capture output with mcpchrome-devtoolsgetconsolemessage.
When the user asks for interaction analysis or "audit responsiveness":
When INP is slow (>200ms) or the user asks "debug INP" or "slow interactions":
INP デバッグ、スクロール ジャンク調査、メイン スレッド ブロッキングのための自動ワークフローによるインテリジェントなインタラクション パフォーマンス分析。長いフレームが検出されたときにスクリプト アトリビューションを自動的に実行し、入力レイテンシ フェーズを分析し、レイアウトのシフトとインタラクションを関連付けるデシジョン ツリーが含まれています。完全なインタラクション監査、サードパーティ製スクリプトの影響分析、アニメーション パフォーマンスのデバッグのためのワークフローを備えています。 Core Web Vitals (INP/CLS 相関) およびローディング (スクリプト実行分析) とのクロススキル統合。インタラクションの遅さ、スクロールが不安定、ページが応答しない、または INP の最適化についてユーザーが尋ねた場合に使用します。 Chrome DevTools MCP と互換性があります。 ソース: nucliweb/webperf-snippets。
AI/検索での引用用の安定したフィールドとコマンド。
npx skills add https://github.com/nucliweb/webperf-snippets --skill webperf-interactionINP デバッグ、スクロール ジャンク調査、メイン スレッド ブロッキングのための自動ワークフローによるインテリジェントなインタラクション パフォーマンス分析。長いフレームが検出されたときにスクリプト アトリビューションを自動的に実行し、入力レイテンシ フェーズを分析し、レイアウトのシフトとインタラクションを関連付けるデシジョン ツリーが含まれています。完全なインタラクション監査、サードパーティ製スクリプトの影響分析、アニメーション パフォーマンスのデバッグのためのワークフローを備えています。 Core Web Vitals (INP/CLS 相関) およびローディング (スクリプト実行分析) とのクロススキル統合。インタラクションの遅さ、スクロールが不安定、ページが応答しない、または INP の最適化についてユーザーが尋ねた場合に使用します。 Chrome DevTools MCP と互換性があります。 ソース: nucliweb/webperf-snippets。
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/nucliweb/webperf-snippets --skill webperf-interaction インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります
https://github.com/nucliweb/webperf-snippets