SPA Reverse Engineering — React + Vite + Workbox + CDP

Reverse engineer modern SPAs to extract APIs, intercept service workers, debug runtime state, and build tooling.

When to use

Use this skill when:

• Analyzing perplexity.ai SPA internals (React component tree, state, hooks)
• Intercepting Workbox service worker caching and request strategies
• Using Chrome DevTools Protocol (CDP) to automate browser interactions
• Building Chrome extensions for traffic interception or state extraction
• Debugging Vite-bundled source maps and module graph
• Extracting GraphQL/REST schemas from SPA network layer
• Writing Puppeteer/Playwright scripts for automated API discovery

Instructions

Step 1: Identify SPA Stack