frontend-performance
✓このスキルは、ユーザーが Lighthouse、バンドル分析、アニメーションのベスト プラクティスを使用して Next.js フロントエンドのパフォーマンスを最適化したい場合に使用する必要があります。遅いページの診断、バンドル サイズの最適化、または Core Web Vitals (LCP、TBT、CLS) の改善を行う場合に使用します。
SKILL.md
Important: Always test production builds (next build && next start), not dev mode. Dev mode has 2-10x overhead from HMR, source maps, and no optimizations.
For libraries with many exports (icons, utilities, animation libraries):
This ensures tree-shaking works correctly - only imports you use get bundled.
このスキルは、ユーザーが Lighthouse、バンドル分析、アニメーションのベスト プラクティスを使用して Next.js フロントエンドのパフォーマンスを最適化したい場合に使用する必要があります。遅いページの診断、バンドル サイズの最適化、または Core Web Vitals (LCP、TBT、CLS) の改善を行う場合に使用します。 ソース: b-open-io/prompts。
引用可能な情報
AI/検索での引用用の安定したフィールドとコマンド。
- インストールコマンド
npx skills add https://github.com/b-open-io/prompts --skill frontend-performance- カテゴリ
- </>開発ツール
- 認証済み
- ✓
- 初回登録
- 2026-02-11
- 更新日
- 2026-02-18
クイックアンサー
frontend-performance とは？
このスキルは、ユーザーが Lighthouse、バンドル分析、アニメーションのベスト プラクティスを使用して Next.js フロントエンドのパフォーマンスを最適化したい場合に使用する必要があります。遅いページの診断、バンドル サイズの最適化、または Core Web Vitals (LCP、TBT、CLS) の改善を行う場合に使用します。 ソース: b-open-io/prompts。
frontend-performance のインストール方法は？
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/b-open-io/prompts --skill frontend-performance インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります
ソースリポジトリはどこですか？
https://github.com/b-open-io/prompts
詳細
- カテゴリ
- </>開発ツール
- ソース
- skills.sh
- 初回登録
- 2026-02-11