performance-profiling
パフォーマンスプロファイリングの原則に関するスキルです。計測・分析・最適化の手法を体系的に扱い、ボトルネックの特定やパフォーマンス改善が必要な場面で活用できます。
description の原文を見る
Performance profiling principles. Measurement, analysis, and optimization techniques.
SKILL.md 本文
Performance Profiling
測定、分析、最適化 - この順序で実施します。
🔧 Runtime Scripts
自動プロファイリング用の実行スクリプト:
| Script | 目的 | 使用方法 |
|---|---|---|
scripts/lighthouse_audit.py | Lighthouse パフォーマンス監査 | python scripts/lighthouse_audit.py https://example.com |
1. Core Web Vitals
ターゲット値
| メトリクス | 良好 | 不良 | 測定内容 |
|---|---|---|---|
| LCP | < 2.5s | > 4.0s | ローディング |
| INP | < 200ms | > 500ms | インタラクティビティ |
| CLS | < 0.1 | > 0.25 | 安定性 |
測定のタイミング
| ステージ | ツール |
|---|---|
| 開発環境 | ローカル Lighthouse |
| CI/CD | Lighthouse CI |
| 本番環境 | RUM (Real User Monitoring) |
2. プロファイリング ワークフロー
4 ステップ プロセス
1. BASELINE → 現在の状態を測定
2. IDENTIFY → ボトルネックを特定
3. FIX → ターゲットを絞った修正を実施
4. VALIDATE → 改善を確認
プロファイリング ツール選択
| 問題 | ツール |
|---|---|
| ページロード | Lighthouse |
| バンドルサイズ | Bundle analyzer |
| ランタイム | DevTools Performance |
| メモリ | DevTools Memory |
| ネットワーク | DevTools Network |
3. バンドル分析
確認すべきポイント
| 課題 | インジケーター |
|---|---|
| 大きな依存関係 | バンドルの上部 |
| 重複したコード | 複数のチャンク |
| 未使用コード | カバレッジ低下 |
| 分割の欠落 | 単一の大きなチャンク |
最適化アクション
| 発見事項 | アクション |
|---|---|
| 大規模ライブラリ | 特定モジュールのみをインポート |
| 重複した依存関係 | 重複排除、バージョンアップデート |
| メインファイルにあるルート | コード分割を実施 |
| 未使用エクスポート | ツリーシェイキング |
4. ランタイム プロファイリング
Performance タブの分析
| パターン | 意味 |
|---|---|
| 長時間のタスク (>50ms) | UI をブロック中 |
| 多数の小さいタスク | バッチ処理の機会がある可能性 |
| Layout/paint | レンダリングのボトルネック |
| Script | JavaScript 実行 |
Memory タブの分析
| パターン | 意味 |
|---|---|
| ヒープが増加 | メモリリークの可能性 |
| 保持量が大きい | 参照を確認 |
| デタッチされた DOM | クリーンアップされていない |
5. 一般的なボトルネック
症状別
| 症状 | 考えられる原因 |
|---|---|
| 初期ロードが遅い | 大きな JS、レンダリングをブロック中 |
| インタラクションが遅い | 重いイベントハンドラ |
| スクロール時のジャンク | レイアウトスラッシング |
| メモリが増加 | リーク、保持されたレファレンス |
6. クイックウィン優先順位
| 優先度 | アクション | 効果 |
|---|---|---|
| 1 | 圧縮を有効化 | 高 |
| 2 | 画像の遅延読み込み | 高 |
| 3 | ルートのコード分割 | 高 |
| 4 | 静的アセットのキャッシュ | 中 |
| 5 | 画像の最適化 | 中 |
7. アンチパターン
| ❌ しないこと | ✅ すること |
|---|---|
| 推測で問題を判断 | 先にプロファイリング |
| マイクロ最適化 | 最大の問題を修正 |
| 早期最適化 | 必要な時に最適化 |
| 実際のユーザーを無視 | RUM データを使用 |
覚えておいて: 最速のコードは実行されないコードです。最適化の前に削除してください。
使用時期
このスキルは、概要で説明されているワークフローまたはアクションを実行する必要があるときに使用できます。
制限事項
- このスキルは、タスクが上記で説明されたスコープと明確に一致する場合にのみ使用してください。
- 環境固有の検証、テスト、専門家によるレビューの代替として出力を扱わないでください。
- 必要な入力、権限、安全境界、成功基準が不足している場合は、説明を求めてください。
ライセンス: MIT(寛容ライセンスのため全文を引用しています) · 原本リポジトリ
詳細情報
- 作者
- sickn33
- ライセンス
- MIT
- 最終更新
- 不明
Source: https://github.com/sickn33/antigravity-awesome-skills / ライセンス: MIT
関連スキル
superfluid
Superfluidプロトコルおよびそのエコシステムに関するナレッジベースです。Superfluidについて情報を検索する際は、ウェブ検索の前にこちらを参照してください。対応キーワード：Superfluid、CFA、GDA、Super App、Super Token、stream、flow rate、real-time balance、pool（member/distributor）、IDA、sentinels、liquidation、TOGA、@sfpro/sdk、semantic money、yellowpaper、whitepaper
civ-finish-quotes
実質的なタスクが真に完了した際に、文明風の儀式的な引用句を追加します。ユーザーやエージェントが機能追加、リファクタリング、分析、設計ドキュメント、プロセス改善、レポート、執筆タスクといった実際の成果物を完成させるときに、明示的な依頼がなくても使用します。短い返信や小さな修正、未完成の作業には適用しません。
nookplot
Base（Ethereum L2）上のAIエージェント向け分散型調整ネットワークです。エージェントがオンチェーンアイデンティティを登録する、コンテンツを公開する、他のエージェントにメッセージを送る、マーケットプレイスで専門家を雇う、バウンティを投稿・請求する、レピュテーションを構築する、共有プロジェクトで協業する、リサーチチャレンジを解くことでNOOKをマイニングする、キュレーションされたナレッジを備えたスタンドアロンオンチェーンエージェントをデプロイする、またはアグリーメントとリワードで収益を得る場合に利用できます。エージェントネットワーク、エージェント調整、分散型エージェント、NOOKトークン、マイニングチャレンジ、ナレッジバンドル、エージェントレピュテーション、エージェントマーケットプレイス、ERC-2771メタトランザクション、Prepare-Sign-Relay、AgentFactory、またはNookplotが言及された場合にトリガーされます。
web3-polymarket
Polygon上でのPolymarket予測市場取引統合です。認証機能(L1 EIP-712、L2 HMAC-SHA256、ビルダーヘッダー)、注文発注(GTC/GTD/FOK/FAK、バッチ、ポストオンリー、ハートビート)、市場データ(Gamma API、Data API、オーダーブック、サブグラフ)、WebSocketストリーミング(市場・ユーザー・スポーツチャネル)、CTF操作(分割、統合、償却、ネガティブリスク)、ブリッジ機能(入金、出金、マルチチェーン)、およびガスレスリレイトランザクションに対応しています。AIエージェント、自動マーケットメーカー、予測市場UI、またはPolygraph上のPolymarketと統合するアプリケーション構築時に活用できます。
ethskills
Ethereum、EVM、またはブロックチェーン関連のリクエストに対応します。スマートコントラクト、dApps、ウォレット、DeFiプロトコルの構築、監査、デプロイ、インタラクションに適用されます。Solidityの開発、コントラクトアドレス、トークン規格（ERC-20、ERC-721、ERC-4626など）、Layer 2ネットワーク（Base、Arbitrum、Optimism、zkSync、Polygon）、Uniswap、Aave、Curveなどのプロトコルとの統合をカバーします。ガスコスト、コントラクトのデシマル設定、オラクルセキュリティ、リエントランシー、MEV、ブリッジング、ウォレット管理、オンチェーンデータの取得、本番環境へのデプロイ、プロトコル進化（EIPライフサイクル、フォーク追跡、今後の変更予定）といったトピックを含みます。
xxyy-trade
このスキルは、ユーザーが「トークン購入」「トークン売却」「トークンスワップ」「暗号資産取引」「取引ステータス確認」「トランザクション照会」「トークンスキャン」「フィード」「チェーン監視」「トークン照会」「トークン詳細」「トークン安全性確認」「ウォレット一覧表示」「マイウォレット」「AIスキャン」「自動スキャン」「ツイートスキャン」「オンボーディング」「IP確認」「IPホワイトリスト」「トークン発行」「自動売却」「損切り」「利益確定」「トレーリングストップ」「保有者」「トップホルダー」「KOLホルダー」などをリクエストした場合、またはSolana/ETH/BSC/BaseチェーンでXXYYを経由した取引について言及した場合に使用します。XXYY Open APIを通じてオンチェーン取引とデータ照会を実現します。