skills.rest
LGJ-Jonathan
LGJ-JonathanOFFICIAL
Explore all skills by this author →
GitHub

connect-chrome

Launches a visible Playwright-controlled Chromium window with the gstack Side Panel extension auto-loaded.

Updated Mar 26, 2026
Search Tags:#browser automation#extension#playwright#chrome#side panel#headed browser#live feed
One-click install
npx skills add https://github.com/LGJ-Jonathan/Jonathan_Global_Claude_Skills --skill connect-chrome-lgj-jonathan
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: connect-chrome
Source: https://github.com/LGJ-Jonathan/Jonathan_Global_Claude_Skills/tree/main/gstack/connect-chrome
Command: npx skills add https://github.com/LGJ-Jonathan/Jonathan_Global_Claude_Skills --skill connect-chrome-lgj-jonathan

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Browser automation usually runs headless and invisible, so you cannot see what the AI is actually doing. This Skill connects Claude to a real, visible Chrome window where every click, navigation, and command appears live in a Side Panel activity feed. ## Core Features & Use Cases - Headed browser launch: Starts Playwright's bundled Chromium in headed mode with the gstack extension auto-loaded and a golden shimmer line marking the controlled window. - Live activity feed: The Side Panel extension shows every browse command (goto, click, fill, snapshot) in real time as Claude executes it. - Sidebar chat agent: A child Claude instance in the Side Panel executes natural-language browser tasks like filling forms or reading pages, in an isolated session. - Use Case: Run /qa or /design-review and watch every page load, click, and screenshot happen in the visible browser instead of trusting a headless log. ## Quick Start Ask Claude to connect Chrome and open the gstack Side Panel so you can watch browser actions live.

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 visible Chrome browser?▼

Run the connect-chrome skill, which executes the gstack browse connect command to launch Playwright's bundled Chromium in headed mode. The gstack extension loads automatically and shows a live activity feed in the Side Panel.

How do I watch AI browser automation in real time?▼

Launch the headed browser with the gstack browse connect command, then open the Side Panel by pinning the gstack extension. Every goto, click, fill, and snapshot command appears in the activity feed as it executes.

Does connect-chrome use my regular Chrome profile and cookies?▼

No, it launches Playwright's bundled Chromium with its own persistent profile, leaving your regular Chrome untouched. No cookie import is needed because the Playwright browser maintains its own session.

Why is the gstack extension not showing in the Side Panel?▼

Check chrome://extensions to confirm gstack browse is listed and enabled, then pin it from the puzzle piece menu. If missing, load it unpacked from the gstack extension directory and enter port 34567 manually if the badge stays gray.

What should I do when the browse server says already connected?▼

Run the pre-flight cleanup: kill the stale browse server PID from .gstack/browse.json and remove Chromium SingletonLock, SingletonSocket, and SingletonCookie files from the profile directory. Then reconnect.

Related Skills

Explore More Software Engineering Skills→
CarbeneAICarbeneAI
9

connect-chrome

Connect Claude to a visible Playwright Chromium window with the gstack extension.

Community
Advanced
no-sessionno-session
107

connect-chrome

Launches a visible Playwright-controlled Chromium window with the pstack Side Panel extension auto-loaded.

Community
Intermediate
ma08ma08
28

start-zellij-session-for-task

Launch isolated detached zellij sessions for parallel coding agent tasks.

Community
Intermediate
9999-12-319999-12-31

browser_visible

Configure browser sessions with headed or private Playwright modes.

Official
Intermediate