skills.rest
verrio1
verrio1COMMUNITY
Explore all skills by this author →
GitHub

Browser

Automate browser tasks with Playwright and capture console, network, and page errors.

1|Updated Jan 24, 2026
Search Tags:#debugging#playwright#code-first#browser-automation#console-logs#network-traffic
One-click install
npx skills add https://github.com/verrio1/vaughn-pai --skill browser-verrio1
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: Browser
Source: https://github.com/verrio1/vaughn-pai/tree/main/skills/Browser
Command: npx skills add https://github.com/verrio1/vaughn-pai --skill browser-verrio1

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

The Browser skill provides a code-first, observable browser automation workflow that always captures console logs, network activity, and page errors, enabling rapid debugging and UI verification without relying on token-heavy MCPs.

Core Features & Use Cases

  • Code-first Playwright wrapper: direct API access without MCP overhead, enabling precise control.
  • Integrated diagnostics: always-on console, network, and error visibility for debugging and verification.
  • Use cases: verify UI, troubleshoot frontend issues, automate quick browser tasks, and extract page content for dashboards.

Quick Start

  • Install Bun and Playwright, then run: bun run ~/.claude/skills/Browser/index.ts https://example.com
  • Or use the Browse tool: bun run ~/.claude/skills/Browser/Tools/Browse.ts https://example.com

Frequently Asked Questions about Browser

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

FAQPage Schema
How do I automate browser testing with Playwright and capture console logs?▼

Browser automation with Playwright captures console logs, network activity, and page errors by default, enabling rapid debugging and UI verification through direct API access without token-heavy MCP overhead.

What is the best way to debug frontend issues using code-first browser automation?▼

Code-first browser automation provides always-on diagnostics, capturing network traffic and console logs automatically to troubleshoot frontend issues and verify UI behavior without manual inspection.

Do I need Bun installed to run Playwright browser automation scripts?▼

Yes, you need Bun and Playwright installed to run the browser automation scripts, executing commands like 'bun run ~/.claude/skills/Browser/index.ts' to start immediate diagnostic workflows.

How does code-first browser automation compare to using MCP for UI verification?▼

Code-first browser automation replaces token-heavy MCP approaches by providing direct Playwright API access, reducing overhead while maintaining full observability of console logs and network traffic.

Can I extract page content and network traffic for dashboards using Playwright?▼

Yes, you can extract page content and monitor network traffic using the integrated diagnostics interface, automating quick browser tasks to gather data for dashboards and frontend verification.

Related Skills

Explore More Software Engineering Skills→
RooseveltAdvisorsRooseveltAdvisors
1

Browser

Automate browser interactions and web verification with Playwright and TypeScript.

Community
Advanced
tonyhschutonyhschu

uisnap

Capture and analyze browser state with Playwright for frontend debugging.

Community
Advanced
IsaacAVazquezIsaacAVazquez

webapp-testing

Test local web applications with Playwright scripts and capture browser logs.

Community
Intermediate
Steffen025Steffen025
186

Browser

Automate browser UI testing with direct Playwright API calls.

Community
Intermediate