Anthropic Claudeソフトウェア開発⭐ リポ 0品質スコア 55/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 ベストプラクティス
React と Next.js アプリケーション向けの包括的なパフォーマンス最適化ガイド。Vercel が保守管理しています。8 つのカテゴリーにわたる 45 のルールを含み、自動リファクタリングとコード生成を指導するため影響度別に優先順位付けされています。
適用する場面
以下の場面でこのガイドラインを参照してください:
- 新しい React コンポーネントまたは Next.js ページを作成する
- データ取得(クライアント側またはサーバー側)を実装する
- パフォーマンスの問題がないかコードをレビューする
- 既存の React/Next.js コードをリファクタリングする
- バンドルサイズまたは読み込み時間を最適化する
ルールカテゴリー(優先度順)
| 優先度 | カテゴリー | 影響度 | プレフィックス |
|---|---|---|---|
| 1 | ウォーターフォール排除 | 重大 | async- |
| 2 | バンドルサイズ最適化 | 重大 | bundle- |
| 3 | サーバー側パフォーマンス | 高 | server- |
| 4 | クライアント側データ取得 | 中〜高 | client- |
| 5 | 再レ |
...
詳細情報
- 作者
- ST0MP-EE5
- リポジトリ
- ST0MP-EE5/mcp-server
- ライセンス
- 不明
- 最終更新
- 2026/1/20
Source: https://github.com/ST0MP-EE5/mcp-server / ライセンス: 未指定