webperf とは?
Web パフォーマンスの測定およびデバッグのツールキット。ユーザーが Web パフォーマンスについて尋ねる場合、ページを監査したい場合、または「パフォーマンスを分析する」、「LCP をデバッグする」、「ttfb を確認する」、「コア Web バイタルを測定する」、「画像を監査する」などと言う場合に使用します。 ソース: nucliweb/webperf-snippets。
Web パフォーマンスの測定およびデバッグのツールキット。ユーザーが Web パフォーマンスについて尋ねる場合、ページを監査したい場合、または「パフォーマンスを分析する」、「LCP をデバッグする」、「ttfb を確認する」、「コア Web バイタルを測定する」、「画像を監査する」などと言う場合に使用します。
コマンドラインで webperf AI スキルを開発環境にすばやくインストール
ソース: nucliweb/webperf-snippets。
A collection of 47 JavaScript snippets for measuring and debugging web performance in Chrome DevTools. Each snippet runs in the browser console and outputs structured, color-coded results.
| webperf-core-web-vitals | 7 | Intelligent Core Web Vitals analysis with automated workflows and decision trees |
| webperf-loading | 28 | Intelligent loading performance analysis with automated workflows for TTFB investigation (DNS/connection/server breakdown), render-blocking detection, script performance deep dive (first vs third-party attribution), font optimization, and resource hints validation |
Web パフォーマンスの測定およびデバッグのツールキット。ユーザーが Web パフォーマンスについて尋ねる場合、ページを監査したい場合、または「パフォーマンスを分析する」、「LCP をデバッグする」、「ttfb を確認する」、「コア Web バイタルを測定する」、「画像を監査する」などと言う場合に使用します。 ソース: nucliweb/webperf-snippets。
AI/検索での引用用の安定したフィールドとコマンド。
npx skills add https://github.com/nucliweb/webperf-snippets --skill webperfWeb パフォーマンスの測定およびデバッグのツールキット。ユーザーが Web パフォーマンスについて尋ねる場合、ページを監査したい場合、または「パフォーマンスを分析する」、「LCP をデバッグする」、「ttfb を確認する」、「コア Web バイタルを測定する」、「画像を監査する」などと言う場合に使用します。 ソース: nucliweb/webperf-snippets。
ターミナルまたはコマンドラインツール(Terminal、iTerm、Windows Terminal など)を開きます このコマンドをコピーして実行します: npx skills add https://github.com/nucliweb/webperf-snippets --skill webperf インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります
https://github.com/nucliweb/webperf-snippets