spa-reverse-engineer
✓React + Vite + Workbox で構築されたシングル ページ アプリケーションのリバース エンジニアリング — Chrome DevTools Protocol (CDP) 経由で SPA 内部を分析し、ブラウザ拡張機能を作成し、サービス ワーカーをインターセプトし、SDK 統合のためのランタイム状態を抽出します。
インストール
SKILL.md
SPA Reverse Engineering — React + Vite + Workbox + CDP
Reverse engineer modern SPAs to extract APIs, intercept service workers, debug runtime state, and build tooling.
| React component state | domain/models.py | Model the state shape | | API fetch calls | transport/http.py | Add endpoint methods | | SSE event handlers | transport/sse.py | Map event types | | Service worker cache | shared/ | Understand caching behavior | | Auth token flow | shared/auth.py | Token refresh logic |
React + Vite + Workbox で構築されたシングル ページ アプリケーションのリバース エンジニアリング — Chrome DevTools Protocol (CDP) 経由で SPA 内部を分析し、ブラウザ拡張機能を作成し、サービス ワーカーをインターセプトし、SDK 統合のためのランタイム状態を抽出します。 ソース: pv-udpv/pplx-sdk。
引用可能な情報
AI/検索での引用用の安定したフィールドとコマンド。
- インストールコマンド
npx skills add https://github.com/pv-udpv/pplx-sdk --skill spa-reverse-engineer- カテゴリ
- </>開発ツール
- 認証済み
- ✓
- 初回登録
- 2026-02-09
- 更新日
- 2026-02-18
クイックアンサー
spa-reverse-engineer とは?
React + Vite + Workbox で構築されたシングル ページ アプリケーションのリバース エンジニアリング — Chrome DevTools Protocol (CDP) 経由で SPA 内部を分析し、ブラウザ拡張機能を作成し、サービス ワーカーをインターセプトし、SDK 統合のためのランタイム状態を抽出します。 ソース: pv-udpv/pplx-sdk。
spa-reverse-engineer のインストール方法は?
ターミナルまたはコマンドラインツール(Terminal、iTerm、Windows Terminal など)を開きます このコマンドをコピーして実行します: npx skills add https://github.com/pv-udpv/pplx-sdk --skill spa-reverse-engineer インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります
ソースリポジトリはどこですか?
https://github.com/pv-udpv/pplx-sdk
詳細
- カテゴリ
- </>開発ツール
- ソース
- skills.sh
- 初回登録
- 2026-02-09