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.