skills.rest
24601
24601COMMUNITY
Explore all skills by this author →
Website𝕏@moltar81435GitHub

connect-chrome

Connect Claude to a visible Chrome browser for live-controlled browsing.

Updated Mar 28, 2026
Search Tags:#extension#playwright#chrome#browser-automation#live-debugging#side-panel
One-click install
npx skills add https://github.com/24601/gastack-pre-fork --skill connect-chrome-24601
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: connect-chrome
Source: https://github.com/24601/gastack-pre-fork/tree/main/connect-chrome
Command: npx skills add https://github.com/24601/gastack-pre-fork --skill connect-chrome-24601

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Connects an AI agent to a visible Chrome window so you can watch every navigation, click, and interaction in real time and verify browser-driven workflows without guessing what the agent did.

Core Features & Use Cases

  • Headed browser launch: Starts Playwright's headed Chromium so actions are visible (not your regular Chrome).
  • Auto-loaded extension & Side Panel: Loads the gstack browse extension into the browser and shows a live activity feed and sidebar chat for interactive control.
  • Instrumented demo & QA: Run live demos, reproduce bugs, capture snapshots, and watch automated QA run step by step; useful for debugging flaky UI tests and design reviews.
  • Robust preflight and recovery: Cleans stale servers and profile locks, verifies mode and port, and provides guidance if the extension or sidebar are not visible.

Quick Start

Type /connect-chrome to launch Playwright's headed Chromium with the gstack Side Panel so you can watch Claude control the browser and see every action live.

Frequently Asked Questions about connect-chrome

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

FAQPage Schema
How do I watch a Playwright browser automation session live in Chrome?▼

To watch Playwright browser automation live, you need to launch headed Chromium. This connects to a visible Chrome window so you can observe every navigation, click, and interaction executed by the AI agent in real time.

Can I use a side panel for interactive control during live browser debugging?▼

Yes, you can use a side panel for interactive control during live browser debugging. An unpacked extension is automatically loaded into the browser, displaying a live activity feed and sidebar chat for interactive agent control.

What is the best way to reproduce manual UI tests and watch automated QA run step by step?▼

The best way to reproduce manual UI tests and watch automated QA step by step is using a headed browser session. This allows you to run live demos, capture snapshots, and visually verify browser-driven workflows to debug flaky tests.

Does this live Chrome browser automation tool require my regular Chrome profile?▼

No, this live Chrome browser automation tool does not require your regular Chrome profile. It operates Playwright's headed Chromium, auto-loads an unpacked extension, and relies on a local browse binary with session files stored under ~/.gstack.

Why does my Playwright Chrome session fail to launch or show the extension side panel?▼

If your Playwright Chrome session fails to launch or show the extension side panel, it may be due to stale servers or profile locks. The session includes preflight recovery to clean these up and verify the port before starting.

Related Skills

Explore More Software Engineering Skills→
CarbeneAICarbeneAI
9

connect-chrome

Connect Claude to a visible Playwright Chromium window with the gstack extension.

Community
Advanced
bajajvinamrbajajvinamr

browse

Automate QA browser validation tasks using a headless Chromium session.

Community
Advanced
ibalasiteibalasite

connect-chrome

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

Community
Intermediate
joeylife94joeylife94

connect-chrome

Connect Claude to a visible Chrome window via the gstack extension.

Community
Intermediate