skills.rest
huichen
huichenCOMMUNITY
Explore all skills by this author →
GitHub

connect-chrome

Launch headed Chrome with the Side Panel extension via gstack on port 34567.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Launch real Chrome controlled by gstack with the Side Panel extension auto-loaded so Claude's actions are visible in real time.

Core Features & Use Cases

  • Launch headed Chrome with the Side Panel extension auto-loaded to provide a live activity feed you can watch.
  • Observe every click, navigation, and command in real time as Claude interacts with the browser.
  • Use for live demos, debugging AI browser automation, and teaching teams how Claude handles real-world browsing tasks.

Quick Start

Run /connect-chrome to launch a headed Chrome window with the Side Panel loaded and watch Claude's actions 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 observe real-time AI browser automation in a headed Chrome session?▼

To observe real-time AI browser automation in a headed Chrome session, launch Chrome with the Side Panel extension auto-loaded. This provides a live activity feed so you can watch every click, navigation, and command as it happens.

Can I debug Playwright browser automation by watching Claude's actions live?▼

Yes, you can debug Playwright browser automation by watching Claude's actions live. The workflow launches a real Chrome window with the Side Panel loaded, making every interaction visible for debugging and live demonstrations.

What is the best way to demonstrate AI browser workflows to a team?▼

The best way to demonstrate AI browser workflows to a team is launching a real Chrome window with a Side Panel extension. This auto-loads a live activity feed, allowing teams to watch and learn how Claude navigates real-world browsing tasks.

Does connect-chrome require a specific port to establish the Playwright orchestration window?▼

Yes, connect-chrome requires port 34567 to establish the Playwright orchestration window. It uses this port alongside a headed Chrome session and the /connect-chrome workflow to launch the browser and auto-load the Side Panel.

How do I launch Chrome with the Side Panel extension auto-loaded for AI control?▼

To launch Chrome with the Side Panel extension auto-loaded for AI control, run the /connect-chrome workflow. This establishes a headed Chrome session controlled by gstack, making Claude's real-time actions visible in the Side Panel.

Why use a headed Chrome session instead of headless for debugging AI workflows?▼

You use a headed Chrome session instead of headless for debugging AI workflows because it auto-loads the Side Panel extension. This provides a visible, real-time activity feed of every command, which is essential for live demonstrations and teaching teams.

Related Skills

Explore More Software Engineering Skills→
OmerFarukOrucOmerFarukOruc
2

visual-verify

Visually verify Symphony dashboard and logs UI with automated browser checks.

Community
Advanced
Fei2-LabsFei2-Labs
12

browser-driver

Automate user interactions in existing browser sessions via CDP and Playwright.

Official
Advanced
francanetefrancanete
1

ui-patterns

Standardize Chrome Extension UIs with reusable pattern templates for popup, options page, and side panel designs.

Community
Basic
aporto-techaporto-tech

Open Gstack Browser

Control a web browser with real-time monitoring and anti-bot features.

Official
Advanced