browser

Automate web page navigation and diagnostics using Playwright.

Updated Jun 16, 2026
One-click install
npx skills add https://github.com/breakingcircuits1337/agent-skills --skill browser-breakingcircuits1337
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: browser
Source: https://github.com/breakingcircuits1337/agent-skills/tree/main/pai-browser-skill
Command: npx skills add https://github.com/breakingcircuits1337/agent-skills --skill browser-breakingcircuits1337

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires playwright, and includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill provides comprehensive debugging and verification of web pages, allowing users to identify and resolve issues quickly and efficiently.

Core Features & Use Cases

  • Debug-First Navigation: Captures diagnostics, including console logs, network requests, and failed requests, with every navigation.
  • Session Management: Persistent browser sessions with auto-start and idle timeout.
  • CLI Interface: Simplified commands for navigating, interacting with elements, taking screenshots, and viewing diagnostics.
  • API and Workflows: Advanced users can leverage TypeScript API for custom automation and predefined workflows for common tasks like form interaction and content extraction.
  • Use Case: When you need to verify a new feature on a web page, you can use this skill to quickly diagnose any issues and ensure the page loads correctly.

Quick Start

Use the browser skill to navigate to 'https://example.com' and take a screenshot of the current page.

Frequently Asked Questions about browser

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

FAQPage Schema
How do I capture console logs and network requests when debugging a web page?

Web page diagnostics with this tool automatically capture console logs, network requests, and failed requests during every navigation. It uses Playwright to load the page and instantly compile these diagnostics for quick issue identification.

How do I automate web page navigation and take a screenshot for testing?

You can automate web page navigation and take screenshots using the provided CLI interface. The Skill leverages Playwright to navigate to a target URL, interact with elements, and capture the current page state visually for verification.

Do I need Playwright installed to run browser automation scripts?

Yes, Playwright and its associated browser binaries are required dependencies for this Skill. You must have the Playwright environment configured to execute the web page navigation, interaction, and diagnostics automation.

Can I maintain a persistent browser session for web testing and debugging?

Yes, the Skill provides persistent browser session management with auto-start and idle timeout features. This allows you to maintain state across multiple web testing and debugging interactions without restarting the browser.

What is the best way to verify a new feature on a web page loads correctly?

The best way to verify a new feature is to use the debug-first navigation to load the page and capture diagnostics. This instantly identifies console errors or failed network requests, ensuring the web page loads correctly.

Can I use a TypeScript API for custom web page automation workflows?

Advanced users can leverage the TypeScript API to build custom web page automation and utilize predefined workflows. These workflows handle common tasks like form interaction and content extraction directly through code.