Anthropic Claudeソフトウェア開発⭐ リポ 0品質スコア 70/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 本文
注意: このスキルのライセンスは AGPL-3.0 です。本サイトでは本文プレビューのみを表示しています。利用前に GitHub の原本でライセンス条件をご確認ください。
Vercel React ベストプラクティス
Vercel が保守する React および Next.js アプリケーションの包括的なパフォーマンス最適化ガイド。8 つのカテゴリにわたる 57 のルールが含まれており、自動リファクタリングとコード生成をガイドするために影響度で優先順位付けされています。
適用する場合
以下の場合にこれらのガイドラインを参照してください：
- 新しい React コンポーネントまたは Next.js ページを作成する場合
- データ取得（クライアント側またはサーバー側）を実装する場合
- パフォーマンス問題の有無についてコードをレビューする場合
- 既存の React/Next.js コードをリファクタリングする場合
- バンドルサイズまたは読み込み時間を最適化する場合
ルールカテゴリ（優先度順）
| 優先度 | カテゴリ | 影響度 | プレフィックス |
|---|---|---|---|
| 1 | ウォーターフォール排除 | CRITICAL | async- |
| 2 | バンドルサイズ最適化 | CRITICAL | bundle- |
| 3 | サーバー側パフォーマンス | HIGH | server- |
| 4 | クライアント側デー |
...
詳細情報
- 作者
- slavochek2
- ライセンス
- AGPL-3.0
- 最終更新
- 2026/5/12
Source: https://github.com/slavochek2/claritypledge / ライセンス: AGPL-3.0