spa-reverse-engineer

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 |

Reverse engineer Single Page Applications built with React + Vite + Workbox — analyze SPA internals via Chrome DevTools Protocol (CDP), write browser extensions, intercept service workers, and extract runtime state for SDK integration. Source: pv-udpv/pplx-sdk.

View raw