optimize
UIのパフォーマンスを、読み込み速度、レンダリング、アニメーション、画像、バンドルサイズといった複数の観点から診断・改善できます。ユーザーが遅い、カクカクしている、パフォーマンス、バンドルサイズ、読み込み時間といった問題を指摘した場合、またはより速く滑らかな体験を求めている場合に使用してください。
description の原文を見る
Diagnose and fix UI performance across loading speed, rendering, animations, images, and bundle size. Use when the user mentions slow, laggy, janky, performance, bundle size, load time, or wants a faster, smoother experience.
SKILL.md 本文
より高速でスムーズなユーザー体験を実現するために、パフォーマンスの問題を特定して解決します。
画像のパフォーマンスの問題がスクリーンショットのサイズ設定、アイコンのスケーリング、クロップ戦略、またはユーザーがアップロードしたメディア処理と関連する場合は、画像処理を参照してください。
パフォーマンスの問題が多くのラップされたテキストブロックの測定、可変高さの仮想化、繰り返されるリサイズレイアウト、またはテキストの多いUIの offsetHeight / getBoundingClientRect() などのホットパスDOM読み込みから生じる場合は、テキストレイアウト予測を参照してください。
最適化作業がLCP、INP、またはCLSに特に焦点を当てており、より深い部分的な分析やフィールド測定とラボ測定のガイダンスが必要な場合は、コアウェブバイタルリファレンスを参照してください。
プロジェクトが非常に長いリストの仮想化が必要で、スタックが開いている場合、サポートさ
...
詳細情報
- 作者
- aladicf
- ライセンス
- NOASSERTION
- 最終更新
- 2026/5/11
Source: https://github.com/aladicf/better-react-web-ui / ライセンス: NOASSERTION