PageAgent Monorepo Architecture
How a natural language command flows through the modular package system to manipulate the DOM
YOUR WEB PAGE (client-side, no server needed)
User Command
"Click login button"
page-agent
PageAgent
Entry + UI Panel
@page-agent/core
PageAgentCore
ReAct Agent Loop
@page-agent/llms
LLM Client
Reflection + Action
@page-agent/ui
UI Panel
Chat + Controls
@page-agent/page-controller
PageController
DOM Ops + Visual Mask
Live DOM
Web Page Elements
LLM Provider
Qwen / GPT / Claude / ...
extension (opt.)
Chrome Extension
Multi-tab Agent
mcp (opt.)
MCP Server
External Tool Bridge
NL command
extends
think
act
mutate
observe
API call
loop
Interactive:
Hover over any component to see details. The ReAct loop (observe, think, act) repeats until the task is complete or max steps reached.