skills.rest
fghaffar
fghaffarCOMMUNITY
Explore all skills by this author →
GitHub

connect-chrome

Launch headed Chrome with the gstack extension for live action tracing.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Claude needs to observe and control a real Chrome browser to debug and demonstrate actions with full visibility. This skill provides a bridge between Claude and a headed Chrome window with the Side Panel extension auto-loaded, so every click, navigation, and command is visible in real time.

Core Features & Use Cases

  • Launch a real headed Chrome with the gstack extension loaded automatically for live action tracing.
  • Open and drive the browser via side-panel chat and commands, enabling demonstrations and QA workflows.
  • Use cases include live debugging, product demos, and in-browser automation demonstrations for teams.

Quick Start

Start by running Step 1 to connect and verify the Side Panel is visible in the headed Chrome window.

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 real Chrome browser for live QA and demonstrations?▼

You connect Claude to a visible Chrome window by running the preflight setup and Step 1 to launch headed Chrome with the gstack extension auto-loaded, verifying the Side Panel is visible for live action tracing.

Can I automate browser actions and watch them execute live in Chrome?▼

Yes, you can drive the browser via side-panel chat and commands, enabling you to open and automate browser actions while watching every click and navigation execute live in the headed Chrome window.

Do I need a running gstack environment to use the Chrome side panel extension?▼

Yes, you need a running gstack environment, a compatible browser, and preflight setup to ensure the gstack extension connects to the running browser and the Side Panel loads correctly.

What is the best way to demonstrate in-browser automation to a team?▼

The best way to demonstrate in-browser automation is launching headed Chrome with the gstack extension loaded, driving it via side-panel commands to show live debugging and product demos to teams.

Why does the Chrome side panel not show up when launching the browser?▼

If the Chrome side panel does not show up, the preflight setup likely failed to ensure the gstack extension connects to the running browser, requiring you to verify the gstack environment is running.

Does this approach work with Playwright for live action tracing?▼

Yes, this approach works with Playwright by launching headed Chrome with the gstack extension auto-loaded, providing live action tracing and real-time visibility for automation workflows.

Related Skills

Explore More Software Engineering Skills→
TobiasPerryTobiasPerry

connect-chrome

Connect Claude to a Chrome window with the gstack Side Panel active.

Community
Advanced
agwacomagwacom

connect-chrome

Connect Claude to a headed Chrome window via the Side Panel extension.

Official
Intermediate
fray-cloudfray-cloud

connect-chrome

Launch a headed Chrome window with the gstack extension for live action visibility.

Community
Intermediate
agwacomagwacom

open-avad-browser

Launch a visible Avad Browser with a live activity feed and chat sidebar.

Official
Advanced