How codeandgyan/remote-browser-agent works
Remote Browser Agent provides a command-entry UI alongside a live remote-browser view. A user submits commands to the Express endpoint; the server dispatches supported navigation, click, and text-extraction actions to a Playwright page and returns results for display in the UI’s command log. The UI also embeds the documented VNC view. The sampled server code shows command handling but not how the VNC service is configured, so that integration is represented only where the README and client show it.
Main entry points: App.jsx Command UI · index.js Command API · main.jsx React Entry
Components 9
Client UI
- React Entry
client/src/main.jsx - Command UI
client/src/App.jsx - Result Log
client/src/App.jsx - VNC View
client/src/App.jsx
Command Service
- Command API
server/index.js
Browser Automation
- Playwright Page
server/index.js
Other components
- User
- Target Website
- VNC Service
Connections 9
- React Entry → Command UI: renders
client/src/main.jsx - User → Command UI: enters commands
client/src/App.jsx - Command UI → Command API: posts commands
client/src/App.jsx - Command API → Playwright Page: dispatches actions
server/index.js - Playwright Page → Target Website: navigates or clicks
server/index.js - Playwright Page → Command API: returns page content
server/index.js - Command API → Command UI: returns JSON
client/src/App.jsx - Command UI → Result Log: records results
client/src/App.jsx - Command UI → VNC Service: embeds VNC view
client/src/App.jsx