Web およびフロントエンドのパフォーマンスの最適化。ユーザーが「パフォーマンスの最適化」、「読み込み時間の改善」、「遅延読み込み」、「コード分割」、「バンドル サイズ」、「コア Web バイタル」、「画像の最適化」、「CSS/JS の縮小」、「キャッシュ戦略」、「パフォーマンス プロファイリング」を要求する場合、または Web パフォーマンスとユーザー エクスペリエンスの指標について言及する場合に使用します。
コマンドラインで web-performance AI スキルを開発環境にすばやくインストール
ソース: 1mangesh1/dev-skills-collection。
Strategies and techniques for optimizing web application performance and user experience.
| First Contentful Paint (FCP) | < 1.8s | Chrome DevTools | | Largest Contentful Paint (LCP) | < 2.5s | Lighthouse | | Time to Interactive (TTI) | < 3.8s | WebPageTest | | Total Blocking Time (TBT) | < 150ms | Lighthouse |
Web およびフロントエンドのパフォーマンスの最適化。ユーザーが「パフォーマンスの最適化」、「読み込み時間の改善」、「遅延読み込み」、「コード分割」、「バンドル サイズ」、「コア Web バイタル」、「画像の最適化」、「CSS/JS の縮小」、「キャッシュ戦略」、「パフォーマンス プロファイリング」を要求する場合、または Web パフォーマンスとユーザー エクスペリエンスの指標について言及する場合に使用します。 ソース: 1mangesh1/dev-skills-collection。
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/1mangesh1/dev-skills-collection --skill web-performance インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります
AI/検索での引用用の安定したフィールドとコマンド。
npx skills add https://github.com/1mangesh1/dev-skills-collection --skill web-performanceWeb およびフロントエンドのパフォーマンスの最適化。ユーザーが「パフォーマンスの最適化」、「読み込み時間の改善」、「遅延読み込み」、「コード分割」、「バンドル サイズ」、「コア Web バイタル」、「画像の最適化」、「CSS/JS の縮小」、「キャッシュ戦略」、「パフォーマンス プロファイリング」を要求する場合、または Web パフォーマンスとユーザー エクスペリエンスの指標について言及する場合に使用します。 ソース: 1mangesh1/dev-skills-collection。
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/1mangesh1/dev-skills-collection --skill web-performance インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります
https://github.com/1mangesh1/dev-skills-collection