connect-chrome

Launch a visible Chrome browser with a live activity Side Panel extension.

11|2|Updated Mar 31, 2026
One-click install
npx skills add https://github.com/ajsai47/holyclaude --skill connect-chrome-ajsai47
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: connect-chrome
Source: https://github.com/ajsai47/holyclaude/tree/main/skills/team/connect-chrome
Command: npx skills add https://github.com/ajsai47/holyclaude --skill connect-chrome-ajsai47

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Claude Code cannot control a real visible Chrome browser, making it impossible to watch AI browsing actions in real time or debug visual issues. This skill bridges that gap by launching a real Chrome instance with a Side Panel extension that displays a live activity feed of every command Claude executes.

Core Features & Use Cases

  • Visible Chrome Control: Launches a real (not headless) Chrome window controlled by gstack, so you can watch every click and navigation.
  • Live Activity Feed: The Side Panel extension auto-loads and shows a real-time log of all browse commands.
  • Debugging & Verification: Use it to debug web automation, verify that Claude is interacting with the correct elements, and demonstrate AI browsing during development.

Quick Start

Use the connect-chrome skill to launch a visible Chrome window with the Side Panel extension loaded, then navigate to any website to watch Claude browse in real time.

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 Chrome browser for debugging web automation?

To launch a visible Chrome browser for debugging web automation, use this skill to start a real, non-headless Chrome window controlled by gstack with the Side Panel extension auto-loaded for real-time activity monitoring.

Can I watch AI browsing actions in real time using Playwright's Chromium?

Yes, you can watch AI browsing actions in real time by launching a visible Chrome instance via Playwright's Chromium, which displays a live activity feed of every browse command in the Side Panel extension.

What's the best way to verify that automated browser clicks target the correct elements?

The best way to verify automated browser clicks target the correct elements is to launch a visible Chrome window with gstack, allowing you to visually inspect every navigation and click performed during development workflows.

Do I need port 34567 to use the Chrome Side Panel extension for automation monitoring?

Yes, you need port 34567 available for extension communication, as the Side Panel extension requires this specific port to transmit the real-time activity feed of browse commands.

Why does my headless Chrome browser not show a live activity feed during web navigation?

A headless Chrome browser does not show a live activity feed because this skill specifically launches a real, visible Chrome window with the Side Panel extension auto-loaded to display real-time browse command logs.

Does connect-chrome work without Playwright's Chromium and the gstack browse binary?

No, connect-chrome does not work without them, as launching the visible Chrome instance with Side Panel control requires both Playwright's Chromium and the gstack browse binary to execute automation commands.