connect-chrome

Launch headed Chrome with the Side Panel extension auto-loaded via gstack.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Claude needs to connect to a real browser window to observe and control actions in real time. This skill provides a reproducible workflow to attach Claude to a visible Chrome instance with the Side Panel extension auto-loaded, enabling live demonstrations and debugging.

Core Features & Use Cases

  • Launch headed Chrome with the gstack extension auto-loaded and a live Side Panel feed.
  • Pre-flight cleanup and verification steps to ensure a clean session and port readiness.
  • Step-by-step guidance to verify extension connection and demonstrate actions in real time.
  • Sidebar chat to explain results and next steps to the user.

Quick Start

Launch a headed Chrome window with the gstack extension and Side Panel, then open the live activity feed.

Frequently Asked Questions about connect-chrome

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

FAQPage Schema
How do I connect Claude to a live Chrome window for browser automation?

Claude connects to live Chrome by launching a headed browser window controlled by gstack with the Side Panel extension auto-loaded. This workflow includes pre-flight cleanup, port discovery, and extension verification to enable real-time browser automation.

What is the Side Panel extension used for in Chrome browser automation?

The Side Panel extension provides a live activity feed and sidebar chat interface within the visible Chrome window. It enables Claude to demonstrate actions in real time, explain results, and guide users through next steps during browser automation sessions.

How do I launch headed Chrome with the gstack extension for a live demo?

You launch headed Chrome with the gstack extension by running a workflow that performs pre-flight cleanup, starts the browser on port 34567, verifies Mode: headed, and guides you to open the Side Panel for a live demo and sidebar chat.

Does Claude browser automation work with headed Chrome mode only?

This workflow specifically targets headed Chrome mode to provide a visible browser window. It verifies Mode: headed during setup to ensure the browser instance is visible and the Side Panel extension loads correctly for live demonstrations and debugging.

Why does Chrome browser automation fail to connect on port 34567?

Connection issues on port 34567 are addressed by the workflow's port discovery and pre-flight cleanup steps. The workflow checks port readiness, performs cleanup to ensure a clean session, and handles errors with a guided AskUserQuestion flow when decisions are required.

What to do when the Chrome Side Panel extension is not discovered during automation setup?

When the Side Panel extension is not discovered, the workflow handles the error through extension discovery checks and a guided AskUserQuestion flow. This prompts the user with necessary decisions to resolve the issue and verify the extension connection step by step.