Bundle Size

benchmark スキルは、Webやアプリのワークフローにおけるパフォーマンス低下を検出するのに役立ちます。ベースラインの設定、変更前後の比較、PRによってページが遅くなったり、重くなったり、安定性が下がったりしていないかの追跡に使えます。パフォーマンス最適化、Core Web Vitals、Lighthouse の確認、バンドルサイズ、読み込み時間の傾向を扱う実用的な benchmark ガイドです。

optimize skill は、読み込み速度、描画、アニメーション、画像、バンドルサイズにまたがる UI パフォーマンス問題を診断し、改善するための skill です。遅い、もたつく、カクつく Web 体験を扱うときに、測定を起点にした体系的な optimize ガイドが必要ならこれを使ってください。

vercel-react-best-practices は、Vercel Engineering がまとめた React と Next.js 向けのパフォーマンス重視ガイドです。コンポーネント、ルート、データ取得のリファクタリングで、ウォーターフォールの削減、バンドルの縮小、レンダリング改善、そしてより速いフロントエンド実装を目指すときに、この vercel-react-best-practices スキルを使ってください。