vercel-react-best-practices目的、用途、および情報源

このスキルが何をするか

反応してNext.jsVercel Engineering によるパフォーマンス最適化ガイドライン。このスキルは、コードの記述、レビュー、リファクタリングを行う際に使用する必要があります。React/Next.js最適なパフォーマンスパターンを保証するコード。React コンポーネントを含むタスクをトリガーします。Next.jsページ、データ取得、バンドルの最適化、またはパフォーマンスの改善。

上流ワークフローの仕組み

rules/async-parallel.md
rules/bundle-barrel-imports.md

要件とセットアップ

このファイルから要件定義の短い記述が選択されませんでした。これは、スキルに依存関係がないという意味ではありません。リポジトリの設定手順と参照ファイルを確認してください。

制限事項と品質チェック

このファイルからは、個別の制限に関する記述は選択されていません。これは、このスキルがあらゆる入力や環境において安全であることを意味するものではありません。ソースコード全体を確認し、ご自身で結果を検証してください。

まずは安全なトライアルから始めましょう

1. サポートされているホストとリポジトリのインストール手順を確認してください。スキルディレクトリと、それに関連付けられているスクリプト、アセット、ドキュメントはまとめて保管してください。SKILL.md単独では依存関係を省略できる場合があります。
2. エージェントに実際の入力、希望する出力、および受け入れ基準を指定してください。呼び出し構文と利用可能なツールはホストによって異なります。このサイトは、汎用的なインストールコマンドを前提としていません。
3. 使い捨てプロジェクトまたはコピーで、元のワークフローを試してみてください。ファイル、リモートサービス、または課金対象リソースを変更する操作は、許可する前に必ず確認してください。
4. 出力結果をソースの品質チェックおよび独自の要件と照らし合わせて検証してください。トリガーが成功したことやリポジトリのスター数が多いことだけでは、正しい結果とは言えません。

スキルフォーマットとディレクトリの仕様 ↗

詳細は出典元をご覧ください。

• Vercel Reactのベストプラクティス
• 応募時期
• 1・滝現象の排除（重要）
• 2バンドルサイズの最適化（重要）
• 3サーバー側のパフォーマンス（高）
• 4クライアント側データ取得（中～高）
• 5再レンダリング最適化（中）
• 6レンダリングパフォーマンス（中）
• 7JavaScriptのパフォーマンス（低～中）
• 8上級パターン（低レベル）
• 使用方法
• 完全なコンパイル済み文書

関連スキル

• vercel-composition-patternsvercel-labs/agent-skills
• vercel-optimizevercel-labs/agent-skills
• vercel-react-native-skillsvercel-labs/agent-skills
• vercel-react-view-transitionsvercel-labs/agent-skills

翻訳と範囲

この読書ガイドは、ピン留めされた上流からの抜粋を選りすぐっていますSKILL.md翻訳は補助的なものです。完全なマニュアルではなく、互換性テスト済みであることを保証するものでもありません。ご使用前に原文および参照ファイルをお読みください。

この紹介文は、下記に固定表示されているバージョンに関するものです。現在のリポジトリのアクティビティと収集時間は別途表示されます。

ピン留めされたソース

原文を読む ↗

ソースを取得しました

2026-10-29T09:32:23Z

ソースコミット

1a2c79d4e6c4a2283dc2c614b6538cbe1ed5ca62

ソースSHA-256

71ed7794962fa6e803ee83030517b5b93a9f70fbfeb431ec4535c5480a8d8355