connect-chrome

Launch a visible Playwright-controlled Chrome window with a gstack Side Panel activity feed.

Updated Mar 29, 2026
One-click install
npx skills add https://github.com/ibalasite/gstack --skill connect-chrome-ibalasite
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: connect-chrome
Source: https://github.com/ibalasite/gstack/tree/main/connect-chrome
Command: npx skills add https://github.com/ibalasite/gstack --skill connect-chrome-ibalasite

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill removes the blindfold on automated browser actions by launching a visible Playwright-controlled Chromium with the gstack Side Panel extension auto-loaded so you can watch, verify, and interact with every action in real time.

Core Features & Use Cases

  • Headed browser visibility: Launches Playwright's headed Chromium so you can watch navigations, clicks, and snapshots happen live.
  • Side Panel activity feed and chat: Auto-loads the gstack extension which shows a real-time feed of commands and hosts a sidebar chat agent that can execute browser tasks.
  • Robust preflight and verification: Kills stale servers, clears Chromium profile locks, verifies Mode: headed and port 34567, and exposes the extension path for manual load if needed.
  • Common uses: live QA runs, interactive debugging, design reviews with pixel-accurate screenshots, and demonstrating agent workflows during testing.

Quick Start

Type /connect-chrome to launch a visible Chrome controlled by gstack and follow the interactive prompts to open the Side Panel.

Frequently Asked Questions about connect-chrome

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

FAQPage Schema
How do I launch a visible Playwright Chrome window for live debugging?▼

To launch a visible Playwright Chrome window for live debugging, run /connect-chrome to start headed Chromium on port 34567 with the gstack Side Panel extension auto-loaded, enabling real-time observation of automated browser actions.

What is a live activity feed for automated browser testing?▼

A live activity feed for automated browser testing is a real-time stream of commands and navigations displayed in a Side Panel, allowing you to watch, verify, and interact with agent-driven browser tasks as they execute in a headed Chromium window.

Do I need Playwright and port 34567 to run headed Chrome with an activity feed?▼

Yes, you need Playwright headed browser listening on port 34567, the gstack browse binary built, and gstack extension files available in the extension directory to successfully launch visible Chrome with a live activity feed.

Why does Playwright headed Chrome fail to connect to the Side Panel extension?▼

Playwright headed Chrome may fail to connect due to stale servers or locked Chromium profiles; the skill performs preflight checks to kill stale processes, clear profile locks, and verify headed mode on port 34567 before launching.

Can I use headed Chrome with a Side Panel for interactive QA workflows?▼

Yes, you can use headed Chrome with a Side Panel for interactive QA workflows, live debugging sessions, design reviews with pixel-accurate screenshots, and demonstrating agent-driven interactions during automated tests.