The PageBolt Recorder watches you click through any site and turns the flow into an API-ready sequence — re-runnable as a screenshot job, a narrated demo video, or a scheduled automation. It even captures logged-in state for authenticated demos.
HOW IT WORKS
Open the side panel, hit record, and use the site like normal. Clicks, form fills, scrolls, and navigations are captured with resilient selectors (test IDs, ARIA labels, then structure).
Every action shows up as an editable step. Reorder, tweak selectors, add notes and narration — then save it to your PageBolt account or export it as JSON.
Run the flow as a /sequence, record it as a narrated /video, or trigger it from CI and MCP. The recording becomes infrastructure.
FOR AI AGENTS
If you build on Alibaba’s page-agent or browser-use, the pagebolt-page-agent package records what your copilot did and replays it as a re-runnable PageBolt sequence — or an auto-narrated demo video. And POST /observe speaks their FlatDomTree format directly (format: "flatdomtree").
import { PageBoltRecorder } from 'pagebolt-page-agent'
const rec = new PageBoltRecorder()
const agent = new PageAgent({ ...cfg, ...rec.pageAgentHooks() })
await agent.execute('Log in and open billing')
// The agent's run, as a re-runnable PageBolt sequence:
await rec.toPageBolt({ endpoint: '/your-backend', name: 'Login demo' })See the docs for the /observe FlatDomTree format and the /sequences/import endpoint.
THE HARD PART, SOLVED
Most capture APIs can't see behind a login screen. The Recorder can export your current session — cookies (including HttpOnly) and localStorage — as an authState object that PageBolt injects before the recording starts. Your credentials never leave your browser; only the session snapshot you approve is used, and it expires with the session.
{
"steps": [ ...recorded steps... ],
"authState": { "cookies": [...], "localStorage": {...} }
}INSTALL
Chrome Web Store listing is in review — until then, load it unpacked:
Download the extension and unzip it anywhere.
Open chrome://extensions and switch on Developer mode.
Click Load unpacked and select the unzipped folder.
Open the side panel, paste your free API key, and hit record.
Free plan includes 100 requests/month — enough to record, replay, and share.