elite-performance
✓プレミアムアニメーション Web サイトのパフォーマンスの最適化。アニメーション パフォーマンス、60fps、Core Web Vitals、Vite セットアップ、バンドルの最適化、遅延読み込み、Will-Change、GPU アクセラレーション、レイアウト スラッシング、デバッグ ジャンク、またはパフォーマンス バジェットについて質問された場合に使用します。
SKILL.md
| Vite Setup | vite-setup.md | | Animation Performance | animation-performance.md | | Asset Optimization | asset-optimization.md | | Debugging | debugging.md |
| Metric | Good | Needs Work | Poor |
| LCP (Largest Contentful Paint) | ≤ 2.5s | ≤ 4.0s | > 4.0s | | INP (Interaction to Next Paint) | ≤ 200ms | ≤ 500ms | > 500ms | | CLS (Cumulative Layout Shift) | ≤ 0.1 | ≤ 0.25 | > 0.25 |
プレミアムアニメーション Web サイトのパフォーマンスの最適化。アニメーション パフォーマンス、60fps、Core Web Vitals、Vite セットアップ、バンドルの最適化、遅延読み込み、Will-Change、GPU アクセラレーション、レイアウト スラッシング、デバッグ ジャンク、またはパフォーマンス バジェットについて質問された場合に使用します。 ソース: rshvr/elite-web-design。
引用可能な情報
AI/検索での引用用の安定したフィールドとコマンド。
- インストールコマンド
npx skills add https://github.com/rshvr/elite-web-design --skill elite-performance- カテゴリ
- </>開発ツール
- 認証済み
- ✓
- 初回登録
- 2026-02-11
- 更新日
- 2026-02-18
クイックアンサー
elite-performance とは？
プレミアムアニメーション Web サイトのパフォーマンスの最適化。アニメーション パフォーマンス、60fps、Core Web Vitals、Vite セットアップ、バンドルの最適化、遅延読み込み、Will-Change、GPU アクセラレーション、レイアウト スラッシング、デバッグ ジャンク、またはパフォーマンス バジェットについて質問された場合に使用します。 ソース: rshvr/elite-web-design。
elite-performance のインストール方法は？
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/rshvr/elite-web-design --skill elite-performance インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります
ソースリポジトリはどこですか？
https://github.com/rshvr/elite-web-design
詳細
- カテゴリ
- </>開発ツール
- ソース
- skills.sh
- 初回登録
- 2026-02-11