·performance-optimization
</>

performance-optimization

eddiebe147/claude-settings

Next.js のパフォーマンスを最適化するための専門ガイド (画像、フォント、コード分割、キャッシュ、Core Web Vitals)。ロード時間を改善したり、パフォーマンスの問題をデバッグしたりするときに使用します。

69インストール·0トレンド·@eddiebe147

インストール

$npx skills add https://github.com/eddiebe147/claude-settings --skill performance-optimization

SKILL.md

This skill helps you optimize your Next.js application for maximum performance. From image optimization to code splitting, this covers all the techniques you need to achieve excellent Core Web Vitals scores.

First Input Delay (FID) / Interaction to Next Paint (INP) Target: < 100ms / < 200ms

Next.js のパフォーマンスを最適化するための専門ガイド (画像、フォント、コード分割、キャッシュ、Core Web Vitals)。ロード時間を改善したり、パフォーマンスの問題をデバッグしたりするときに使用します。 ソース: eddiebe147/claude-settings。

ターミナルまたはコマンドラインツール(Terminal、iTerm、Windows Terminal など)を開きます このコマンドをコピーして実行します: npx skills add https://github.com/eddiebe147/claude-settings --skill performance-optimization インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります

原文を見る

引用可能な情報

AI/検索での引用用の安定したフィールドとコマンド。

インストールコマンド
npx skills add https://github.com/eddiebe147/claude-settings --skill performance-optimization
カテゴリ
</>開発ツール
認証済み
初回登録
2026-02-01
更新日
2026-02-18

クイックアンサー

performance-optimization とは?

Next.js のパフォーマンスを最適化するための専門ガイド (画像、フォント、コード分割、キャッシュ、Core Web Vitals)。ロード時間を改善したり、パフォーマンスの問題をデバッグしたりするときに使用します。 ソース: eddiebe147/claude-settings。

performance-optimization のインストール方法は?

ターミナルまたはコマンドラインツール(Terminal、iTerm、Windows Terminal など)を開きます このコマンドをコピーして実行します: npx skills add https://github.com/eddiebe147/claude-settings --skill performance-optimization インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります

ソースリポジトリはどこですか?

https://github.com/eddiebe147/claude-settings