·react-best-practices
</>

react-best-practices

Vercel Engineering による React および Next.js のパフォーマンス最適化ガイドライン。最適なパフォーマンス パターンを確保するには、React/Next.js コードを作成、レビュー、またはリファクタリングするときにこのスキルを使用する必要があります。 React コンポーネント、Next.js ページ、データのフェッチ、バンドルの最適化、またはパフォーマンスの向上に関連するタスクをトリガーします。

27インストール·1トレンド·@tdimino

インストール

$npx skills add https://github.com/tdimino/claude-code-minoan --skill react-best-practices

react-best-practices のインストール方法

コマンドラインで react-best-practices AI スキルを開発環境にすばやくインストール

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

ソース: tdimino/claude-code-minoan。

Comprehensive performance optimization guide for React and Next.js applications, containing 40+ rules across 8 categories. Rules are prioritized by impact to guide automated refactoring and code generation.

| 1 | Eliminating Waterfalls | CRITICAL | | 2 | Bundle Size Optimization | CRITICAL | | 3 | Server-Side Performance | HIGH | | 4 | Client-Side Data Fetching | MEDIUM-HIGH | | 5 | Re-render Optimization | MEDIUM | | 6 | Rendering Performance | MEDIUM | | 7 | JavaScript Performance | LOW-MEDIUM | | 8 | Advanced Patterns | LOW |

Vercel Engineering による React および Next.js のパフォーマンス最適化ガイドライン。最適なパフォーマンス パターンを確保するには、React/Next.js コードを作成、レビュー、またはリファクタリングするときにこのスキルを使用する必要があります。 React コンポーネント、Next.js ページ、データのフェッチ、バンドルの最適化、またはパフォーマンスの向上に関連するタスクをトリガーします。 ソース: tdimino/claude-code-minoan。

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

引用可能な情報

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

インストールコマンド
npx skills add https://github.com/tdimino/claude-code-minoan --skill react-best-practices
カテゴリ
</>開発ツール
認証済み
初回登録
2026-03-01
更新日
2026-03-10

Browse more skills from tdimino/claude-code-minoan

クイックアンサー

react-best-practices とは?

Vercel Engineering による React および Next.js のパフォーマンス最適化ガイドライン。最適なパフォーマンス パターンを確保するには、React/Next.js コードを作成、レビュー、またはリファクタリングするときにこのスキルを使用する必要があります。 React コンポーネント、Next.js ページ、データのフェッチ、バンドルの最適化、またはパフォーマンスの向上に関連するタスクをトリガーします。 ソース: tdimino/claude-code-minoan。

react-best-practices のインストール方法は?

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

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

https://github.com/tdimino/claude-code-minoan