agent-browser

Automate browser flows with Playwright, video recording, and API mocking.

5|Updated May 2, 2026
One-click install
npx skills add https://github.com/vanducng/skills --skill agent-browser-vanducng
Or copy as Structured Prompt for Agentโ–ผ
Please help me install this Agent Skill.
Skill: agent-browser
Source: https://github.com/vanducng/skills/tree/main/skills/agent-browser
Command: npx skills add https://github.com/vanducng/skills --skill agent-browser-vanducng

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

In environments where you need to drive complex browser tasks with built-in waiting semantics, this skill automates browsers by providing a Playwright-based driver with video recording, network mocking, and device emulation to deliver repeatable, observable flows.

Core Features & Use Cases

  • Video recording of browser flows for evidence and verification.
  • Network route mocking and blocking to test UI under controlled conditions.
  • Device emulation and Playwright waiting semantics for realistic interactions.
  • Use Case: Capture a failing UI flow with a saved video and a mocked API to reproduce the issue.

Quick Start

Open your browser automation workflow by installing the agent-browser CLI and starting a recording-enabled session.

Frequently Asked Questions about agent-browser

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I record end-to-end browser automation flows as video?โ–ผ

You record end-to-end browser automation flows as video using a Playwright-based driver that captures WebM video evidence during execution. This provides observable, repeatable flows for UI verification and issue reproduction by recording the session.

What is network mocking in browser automation and when do I need it?โ–ผ

Network mocking in browser automation intercepts and blocks network requests to test UI under controlled conditions. You need it to simulate API responses, isolate frontend behavior, and reproduce specific error states reliably without relying on live backend services.

How do I set up Playwright to automate browser tasks with device emulation?โ–ผ

Set up Playwright to automate browser tasks with device emulation by installing the automation CLI globally and running an initial install to fetch Chromium. This enables device emulation alongside built-in waiting semantics for realistic browser interactions.

Does this browser automation approach work with profile mode and CDP mode?โ–ผ

This browser automation approach works with profile and CDP modes, but requires awareness of their specific constraints. You must understand profile vs CDP mode limitations when configuring sessions to ensure repeatable browser-driven flows execute correctly.

What's the best way to capture a failing UI flow with mocked APIs?โ–ผ

The best way to capture a failing UI flow with mocked APIs is using a Playwright-based driver that combines video recording with network route mocking. This records the exact failure as saved video evidence while controlling the API responses to reproduce the issue.

Why use Playwright waiting semantics for browser automation scripts?โ–ผ

You use Playwright waiting semantics for browser automation scripts to handle dynamic content loading and ensure realistic interactions. Built-in waiting prevents race conditions by automatically waiting for elements to be actionable before executing commands.