汎用ソフトウェア開発⭐ リポ 26,443品質スコア 90/100
vercel-react-best-practices
Vercelエンジニアリングによる、ReactとNext.jsのパフォーマンス最適化ガイドラインです。React/Next.jsコードの記述、レビュー、リファクタリングの際に、最適なパフォーマンスパターンを実現するために活用できます。Reactコンポーネント、Next.jsページ、データ取得、バンドルの最適化、またはパフォーマンス改善に関するタスクで自動的に起動します。
description の原文を見る
React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance patterns. Triggers on tasks involving React components, Next.js pages, data fetching, bundle optimization, or performance improvements.
SKILL.md 本文
注意: このスキルのライセンスは ライセンス未確認 です。本サイトでは本文プレビューのみを表示しています。利用前に GitHub の原本でライセンス条件をご確認ください。
Vercel React Best Practices
Vercel によって保守されている React および Next.js アプリケーションのための包括的なパフォーマンス最適化ガイド。8 つのカテゴリ全体にわたる 70 のルールが含まれており、自動リファクタリングとコード生成を導くために影響度順に優先順位付けされています。
適用する時機
以下の場合にこのガイドラインを参照してください:
- 新しい React コンポーネントまたは Next.js ページを作成するとき
- データフェッチング(クライアント側またはサーバー側)を実装するとき
- パフォーマンス問題のコードをレビューするとき
- 既存の React/Next.js コードをリファクタリングするとき
- バンドルサイズまたは読み込み時間を最適化するとき
ルールカテゴリー(優先度順)
| 優先度 | カテゴリー | 影響度 | プリフィックス |
|---|---|---|---|
| 1 | ウォーターフォール排除 | CRITICAL | async- |
| 2 | バンドルサイズ最適化 | CRITICAL | bundle- |
| 3 | サーバーサイド パフォーマンス | HIGH | server- |
...
詳細情報
- 作者
- vercel-labs
- ライセンス
- 不明
- 最終更新
- 2026/5/7
Source: https://github.com/vercel-labs/agent-skills / ライセンス: 未指定