Introducing PageBolt Recorder: Record Any Browser Flow as a Narrated Video

We built a Chrome extension that does one thing really well: record browser workflows and automatically narrate them with AI voice.

No code. No Puppeteer. No framework setup. Just click record, do something in your browser, and get a narrated MP4 or MCP-ready sequence.

Today we're launching PageBolt Recorder.

What It Does

Record any browser flow:

• Customer support walkthrough? Record it.
• Product demo? Record it.
• Bug reproduction? Record it.
• Auth flow? Record it (with cookie capture).
• MCP tool in action? Record it and it becomes an MCP sequence.

Narrate with AI voice:

• Write narration as a script or add per-step notes
• PageBolt converts your text to AI voice (10 voices: male/female, accent variations)
• Narration syncs automatically with the video timeline
• Edit your script anytime to adjust the narration

Export to multiple formats:

• MP4 (narrated video file) — ready to embed, share, or upload
• PageBolt sequence (JSON) — ready to integrate into your API workflows
• MCP-native format — works directly in Claude Code, Cursor, VS Code

The Problem It Solves

You want to record a browser workflow. Your options today:

Option 1: Manual screen recording

• Use Loom, ScreenFlow, or OBS
• Record yourself doing the action
• Manually transcribe or narrate
• Edit in video editor
• Export and optimize
• 30 minutes of work for a 2-minute video

Option 2: Code-based automation

• Write Puppeteer/Playwright/Selenium scripts
• Configure screenshot intervals
• Add logging
• Generate video programmatically
• 2 hours of engineering work

Option 3: PageBolt Recorder (new)

• Click the extension icon
• Do the thing in your browser
• Get a narrated MP4 + MCP sequence
• 5 minutes of work

Feature Highlight: Auth Capture for Behind-Login Walls

The hardest workflows to record are the ones behind authentication.

Traditional recorders can't capture authenticated browser states because:

1. You'd have to manually log in on camera (exposes credentials)
2. Or the recorder can't access the authenticated page

PageBolt Recorder solves this with cookie capture.

When you start recording:

✓ Detect if you're logged into a service
✓ Capture your auth cookies (encrypted)
✓ Use those cookies in the recording sequence
✓ Your actual credentials never appear in the video
✓ Result: seamless authenticated workflow recording

Example: Record a Stripe dashboard workflow (payments, refunds, customer lookup) without exposing API keys or auth tokens.

Feature Highlight: AI Voice Narration

PageBolt Recorder converts your narration text into professional AI voice:

1. Write narration — add a full script or per-step notes describing what's happening
2. Choose AI voice — pick from 10 voices (male/female, accent variations, speech rate)
3. Sync to timeline — narration automatically matches the video timeline
4. Get narrated video — export as MP4 with professional-quality AI voiceover

Result: Professional narrated videos without hiring voice actors or dealing with manual post-production.

Example: You write these notes for a checkout flow:

Step 1: "User navigates to product page"
Step 2: "Clicks Add to Cart button"
Step 3: "Enters email at checkout"
Step 4: "Selects shipping method"
Step 5: "Payment completed, confirmation shown"

PageBolt converts to AI voice, syncs each sentence to the exact moment it happened in the video, and exports as MP4.

Feature Highlight: MCP-Native Export

PageBolt Recorder's killer feature for developers: export as MCP sequences.

When you export as MCP sequence, you get a JSON file that describes exactly what happened:

{
  "steps": [
    {
      "action": "navigate",
      "url": "https://app.example.com/checkout",
      "screenshot": "base64_image_data",
      "timestamp": "2026-03-06T14:22:15Z"
    },
    {
      "action": "click",
      "selector": "#add-to-cart",
      "screenshot": "base64_image_data"
    },
    {
      "action": "fill",
      "selector": "#email",
      "value": "user@example.com",
      "screenshot": "base64_image_data"
    }
  ]
}

Why this matters:

1. Use it in Claude Code — paste the sequence, Claude understands exactly what to do
2. Use it in Cursor — agent sees the visual flow and can replicate it
3. Use it in your workflows — import into PageBolt API for automated testing/demos
4. Distribute to teams — share recordings that agents and humans can both understand

Real Use Cases

Customer Support:
Record the "how to use this feature" flow once. Generate a narrated demo video. Share with support team. Agents understand the workflow. Customers get a visual guide.

Product Marketing:
Record your product in action. AI narrates it professionally. Export to MP4. Upload to website/YouTube. Done.

Bug Reproduction:
Record the exact steps that trigger the bug. Attach to GitHub issue. Developers see the visual flow + automatic narration explaining where it breaks.

MCP Testing:
Record an MCP tool in action. Export as sequence. Use it as a test case. Agents can replay it or learn from it.

Onboarding:
Record the "first 5 minutes with our product" flow. Generate narrated video. New users watch instead of reading docs.

How It Works

1. Install — Get PageBolt Recorder from Chrome Web Store
2. Add your PageBolt API key — Get one free at pagebolt.dev
3. Click the icon — Red record button appears
4. Do your thing — Use your browser normally
5. Stop recording — Click stop
6. Review — Watch the recording with your narration
7. Export — Choose MP4 or MCP sequence
8. Done — Share, embed, or integrate

Simple setup. Quick integration. No code needed.

Pricing & Availability

PageBolt Recorder is included with PageBolt plans:

• Free — $0/month, 100 requests/month
• Starter — $29/month, 5,000 requests/month
• Growth — $79/month, 25,000 requests/month
• Scale — $199/month, 100,000 requests/month

No per-recording limits or caps. Each request can be a recording, screenshot, PDF, or video.

MCP Integration

PageBolt Recorder recordings work directly with:

• Claude Code — Import sequences, ask Claude to replicate workflows
• Cursor — Agent mode understands recorded flows
• VS Code with MCP — Use recordings as agent instruction sets
• LangChain/AutoGen — Integrated into agent observability

Record once. Use everywhere.

What's Next

We're building:

• Video editing UI — trim clips, re-narrate sections, adjust timing
• Batch recording — schedule recordings to run unattended
• Custom branding — white-label narration, custom intro/outro
• Team sharing — collaborate on recordings, assign tasks
• Analytics — track which recordings get watched, for how long

Try PageBolt free — 100 requests/month, no credit card needed. →

---

Five minutes from idea to narrated demo video. That's PageBolt Recorder.