Empowering Full-Stack Developers, Autonomous AI Agents, Reverse Engineers, and QA Teams. Connect Google Antigravity, Claude Desktop, and Cursor directly to live Chrome tabs with zero cloud residency.
rea_scope_app(maxDepth: 3, frameworkDetect: true)Give your AI agents direct surgical capabilities over any frontend application. Extract architectures, capture live network payloads, reconstruct TypeScript models, and auto-generate OpenAPI specs.
Holistic surface inspection of the active tab. Maps scripts, stylesheets, global namespaces, frameworks (React, Vue, Svelte, Angular), API roots, and state managers.
scope_app({ depth: 2 })Discovers inline or linked .map files across bundles. Automatically reconstructs the original unminified TypeScript/JavaScript source tree locally.
reconstruct({ outputDir: "./src" })Analyzes runtime objects, Redux/Zustand stores, network payloads, and GraphQL queries to infer exact TypeScript interfaces and Zod validation schemas.
infer_types({ format: "zod" })Correlates user UI interactions (button clicks, form inputs, route changes) with outgoing XHR/Fetch network calls to map business logic directly to endpoints.
trace_action({ selector: "#btn-pay" })Synthesizes recorded network traffic, headers, query params, request bodies, and response schemas into a spec-compliant OpenAPI 3.1 YAML or JSON documentation.
generate_spec({ version: "3.1.0" })Runs the complete reverse-engineering pipeline in parallel. Bundles architecture reports, unminified source code, types, and API specs into a single developer ZIP.
bundle_all({ archive: true })Execute browser commands, reconstruct project trees, and run testing flows directly from your terminal or AI shell subagent.
Extracts complete original project from sourcemaps into clean src/ folders.
$ devpilot reconstruct ./sources -o ./reconstructed
Clicks or submits UI elements and captures all correlated outbound HTTP/XHR mutations.
$ devpilot trace-action "#submit-btn" --action click --wait 2000
Packages DOM, HAR traffic, storage, and discovered APIs into canonical REA Schema 2.0.0.
$ devpilot export-rea -o ./evidence.json
Every capability is exposed as an atomic MCP Tool. Agentic LLMs invoke commands via JSON-RPC over local WebSocket with deterministic typings.
Holistic surface inspection of the active tab. Maps scripts, stylesheets, global namespaces, frameworks (React, Vue, Svelte), API roots, and state managers.
Discovers inline or linked .map files across bundles. Automatically reconstructs the original unminified TypeScript/JavaScript source tree locally.
Analyzes runtime objects, Redux/Zustand stores, network payloads, and GraphQL queries to infer exact TypeScript interfaces and Zod validation schemas.
Correlates user UI interactions (button clicks, form inputs, route changes) with outgoing XHR/Fetch network calls to map business logic directly to endpoints.
Synthesizes recorded network traffic, headers, query params, request bodies, and response schemas into a spec-compliant OpenAPI 3.1 YAML or JSON documentation.
Runs the complete reverse-engineering pipeline in parallel. Bundles architecture reports, unminified source code, types, and API specs into a single developer archive.
Discovers and downloads all in-scope client-side scripts, stylesheets, sourcemaps, images, and fonts with a structured manifest.
Extracts an LLM-optimized HTML structure by stripping bulky SVG paths, styles, scripts, and classes to save 90% tokens.
Captures full raw outerHTML DOM tree for complete offline analysis and layout structure debugging.
Captures the Chrome Accessibility tree for screen readers, ARIA roles, states, and accessibility compliance checks.
Injects an animated neon pulsing border overlay on target elements and smoothly scrolls them into view.
Pauses until user clicks any element in the active tab, then returns computed styles, classes, and HTML hierarchy.
Captures a high-resolution PNG of the active viewport, automatically focusing window to prevent readback errors.
Injects arbitrary CSS stylesheets into the active tab for instant style hot-reloading and UI experimentation.
Toggles high-contrast colored outlines on all DOM bounding boxes to rapidly diagnose layout shifts and overflow bugs.
Waits until a matching DOM element is rendered and reaches the specified visibility state (visible, hidden, attached).
Scrolls the page or inner scrollable container by direction, pixel distance, or directly into view of an element.
Intercepts recent HTTP network requests, status codes, URLs, headers, and payload timings.
Captures full network activity into standard HAR 1.2 format with request/response payloads and timing waterfalls.
Streams recent browser console errors, warnings, and log statements directly into your IDE chat.
Measures Core Web Vitals (LCP, CLS, FCP) and full asset waterfalls directly from Chrome Performance API.
Scans active tab for insecure forms, unencrypted transmission, and exposed JWTs or API keys stored in LocalStorage.
Performs WCAG compliance audit scanning for missing alt attributes, unlabelled buttons, and improper heading hierarchies.
Reads all localStorage, sessionStorage, and cookie entries to inspect authentication tokens and persisted state.
Inspects, sets, or clears browser cookies, localStorage, and sessionStorage to easily mock login sessions or reset test state.
Intercepts window.fetch calls matching a URL pattern and returns custom mock JSON payloads without a backend.
Simulates user clicks with automatic polling wait and resilient Tailwind selector normalization for bracket/colon classes.
Types text into input/textarea triggering React and Vue state setters (HTMLInputElement.prototype value dispatch).
Fills entire multi-field forms in a single sub-200ms roundtrip with native React/Vue synthetic event triggers.
Interacts with modern headless ARIA dropdowns, filtering, searching, and keyboard-selecting custom option nodes.
Attaches local files directly to file input fields or drag-and-drop targets using synthetic DataTransfer events.
Dispatches keyboard key events (Enter, Escape, Tab, ArrowDown, Backspace) with proper keyCodes and modifier flags.
Simulates mouse movement, hover states, drag-and-drop operations, and double-clicks on coordinate targets.
Performs deterministic QA assertions on element existence, text matching, visibility, or computed CSS properties.
Returns all open Chrome tabs with tab IDs, titles, URLs, active status, and window dimensions.
Opens a new browser tab and navigates directly to the specified target URL.
Navigates an existing browser tab to any target URL with automatic page load synchronization.
Extracts metadata of the active or target tab including dimensions, favicon, load status, and audio state.
Resizes the Chrome window to test responsive design breakpoints (mobile 375px, tablet 768px, desktop 1440px).
Evaluates runtime JavaScript expressions directly in the main execution world with access to window globals and state stores.
Records user clicks, inputs, and navigation gestures in Chrome and synthesizes production-ready Playwright test scripts.
Data stays strictly between your local browser and your IDE. No remote telemetry, no proxy servers.
Standard Chrome Extension running inside developer browser. Direct DOM & CDP access without sandboxing bottlenecks.
High-performance local bridge. Serializes Chrome events into standard MCP protocol messages.
Local MCP Client receives tool calls via stdio JSON-RPC. Direct execution with zero prompt latency.
Add one block to your configuration file to enable complete browser automation and reverse-engineering.
{
"mcpServers": {
"xtra-devpilot": {
"command": "npx",
"args": ["-y", "xtradevpilot-mcp"]
}
}
}{
"mcpServers": {
"devpilot": {
"type": "stdio",
"command": "npx -y xtradevpilot-mcp"
}
}
}{
"mcpServers": {
"xtradevpilot": {
"command": "npx",
"args": ["-y", "xtradevpilot-mcp"]
}
}
}