connect-chrome

Launch a visible Chrome session controlled by gstack with the Side Panel extension.

Updated Mar 29, 2026

Search Tags:#playwright #chrome #browser-control #side-panel #gstack #connect-chrome

Ready to run

npx skills add https://github.com/zzxtbeta/design-handbook --skill connect-chrome-zzxtbeta

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: connect-chrome
Source: https://github.com/zzxtbeta/design-handbook/tree/main/.agents/skills/gstack/connect-chrome
Command: npx skills add https://github.com/zzxtbeta/design-handbook --skill connect-chrome-zzxtbeta

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Connect Claude to a visible Chrome window controlled by the gstack workflow, enabling real-time observation and interaction with browser actions via the Side Panel extension.

Core Features & Use Cases

Real-time browser visibility: watch every click, navigation, and action as it happens.
Side Panel integration: auto-loads the gstack extension for live activity feed and control.
Guided setup and verification: pre-flight cleanup, connection, verification, and step-by-step demo to ensure the browser session is healthy.

Quick Start

Launch a real Chrome session controlled by gstack with the Side Panel extension loaded, then verify the live action feed is visible and Claude is connected.

Frequently Asked Questions about connect-chrome

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

FAQPage Schema

How do I watch Playwright browser actions in real time during automation?▼

You can watch Playwright browser actions in real time by launching a visible Chrome window with the Side Panel extension auto-loaded, letting you observe and debug workflows like clicks and navigation as they happen.

How do I launch a real Chrome session controlled by gstack?▼

To launch a real Chrome session controlled by gstack, the Skill performs pre-flight cleanup, establishes the connection, verifies the browser session, and auto-loads the Side Panel extension for a live activity feed.

Can I debug browser automation workflows by seeing every click and navigation live?▼

Yes, you can debug browser automation workflows live by opening a visible Chrome window with the Side Panel live feed, which displays every click, navigation, and action in real time for immediate observation.

Does the gstack Side Panel extension work with a visible Chrome window for live monitoring?▼

The gstack Side Panel extension works with a visible Chrome window by auto-loading during session launch, providing a live activity feed and control interface to monitor and interact with browser actions.

Why does my browser automation not show a live action feed for debugging?▼

Your browser automation may lack a live action feed because the Chrome window is not visible or the Side Panel extension is not loaded; this Skill ensures both are active for real-time workflow observation.

What is the best way to connect Claude to a visible Chrome window for browser control?▼

The best way to connect Claude to a visible Chrome window is using gstack to launch a real Chrome session with the Side Panel extension, enabling real-time observation, verification, and guided interaction with browser workflows.