skills.rest
ucirello
ucirelloCOMMUNITY
Explore all skills by this author →
GitHub

browser-bug-testing-workflow

Automate browser UI testing with Playwright and tmux server management.

2|Updated Jan 27, 2026
Search Tags:#debugging#web development#tmux#playwright#browser testing#ui automation
One-click install
npx skills add https://github.com/ucirello/sgai --skill browser-bug-testing-workflow-ucirello
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: browser-bug-testing-workflow
Source: https://github.com/ucirello/sgai/tree/main/cmd/sgai/skel/.sgai/skills/browser-bug-testing-workflow
Command: npx skills add https://github.com/ucirello/sgai --skill browser-bug-testing-workflow-ucirello

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill automates complex, multi-step browser interactions for debugging web UI bugs and testing interactive components, significantly reducing manual testing time and improving reproducibility.

Core Features & Use Cases

  • Automated Browser Interaction: Executes sequences of clicks, typing, and selections in a browser.
  • Server Management: Integrates with tmux to start and manage local development servers.
  • State Verification: Captures snapshots and screenshots for visual debugging and proof of completion.
  • Use Case: Debugging a multi-step form submission process where a checkbox state affects subsequent UI elements and requires server logs for analysis.

Quick Start

Use the browser-bug-testing-workflow skill to start a server, navigate to a page, interact with a form, and take a screenshot.

Frequently Asked Questions about browser-bug-testing-workflow

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

FAQPage Schema
How do I automate browser UI testing for multi-step web components?▼

Browser UI testing for multi-step components is automated by integrating tmux server management with Playwright to execute sequences of clicks and typing, capturing screenshots for visual debugging and verification.

Can I use Playwright to debug interactive web forms with server logs?▼

Playwright can debug interactive web forms by automating complex user interactions while tmux manages the local development server, allowing simultaneous analysis of browser state snapshots and server logs.

Do I need tmux to run automated browser testing workflows?▼

Tmux is required for automated browser testing workflows because it handles local development server management, ensuring the web application backend runs consistently while Playwright executes browser control and state capture.

What is the best way to reproduce interactive web component behaviors automatically?▼

The best way to reproduce interactive web component behaviors is automating multi-step user flows with Playwright browser control, capturing screenshots and snapshots to verify UI state changes and improve testing reproducibility.

How does server management integrate with browser automation for UI debugging?▼

Server management integrates with browser automation by using tmux to start and manage local development servers, while Playwright executes browser interactions and captures state, connecting backend process management with frontend UI testing.

Related Skills

Explore More Software Engineering Skills→
drsapaevdrsapaev
2

webapp-testing

Test local web applications with Playwright Python scripts.

Community
Intermediate
iciakkyiciakky

debug

Diagnoses root causes of code modifications using a seven-step debugging workflow and generates verified fix plans.

Community
Intermediate
abhishekdutta18abhishekdutta18

browser-qa

Automate visual, functional, and accessibility testing of web pages.

Community
Intermediate
hidariutiwahidariutiwa

webapp-testing

Automate local web app testing and debugging with Python Playwright.

Community
Intermediate