skills.rest
jayzalowitz
jayzalowitzCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

connect-chrome

Connect Claude to a visible Chrome window with the gstack extension auto-loaded.

2|Updated Mar 31, 2026
Search Tags:#automation#debugging#extension#chrome#side-panel#live-demo#gstack
One-click install
npx skills add https://github.com/jayzalowitz/skytwin --skill connect-chrome-jayzalowitz
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: connect-chrome
Source: https://github.com/jayzalowitz/skytwin/tree/main/.claude/skills/gstack/connect-chrome
Command: npx skills add https://github.com/jayzalowitz/skytwin --skill connect-chrome-jayzalowitz

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Claude needs a real browser context for demonstrations and debugging. This skill connects Claude to a visible Chrome window with the gstack extension auto-loaded so you can watch every action in real time.

Core Features & Use Cases

  • Auto-loads the gstack Side Panel extension in a headed Chrome window for live activity visibility.
  • Provides a step-by-step setup, pre-flight cleanup, and guided usage to demonstrate browser automation in real time.
  • Useful for debugging, onboarding demos, and product demos where you want to show exact commands and results inside the browser.

Quick Start

Run the setup once, then use the connect-chrome command to attach Claude to a headed Chrome window with the Side Panel visible.

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 visible Chrome window for live browser automation?▼

You can connect Claude to a visible Chrome window by running the setup process once, then using the connect-chrome command to attach Claude to a headed Chrome session with the Side Panel visible.

Can I watch real-time clicks and navigation when automating browser workflows with Claude?▼

Yes, watching real-time clicks and navigation is possible because the skill auto-loads the gstack Side Panel extension, which displays every action Claude takes inside the visible Chrome browser.

What is the best way to debug browser automation workflows with live visual feedback?▼

Debugging browser automation with live visual feedback is achieved by attaching Claude to a headed Chrome window, allowing you to observe exact commands and results in real time via the Side Panel.

Do I need the Bash tool to set up a headed Chrome session with Claude?▼

Yes, you need the Bash tool to manage the initial setup and pre-flight cleanup, alongside Read and AskUserQuestion tools for verification and guided user interactions during the connection process.

When should I use a headed Chrome window with a side panel for browser demonstrations?▼

Use a headed Chrome window with a side panel for onboarding demos, product demos, or teaching workflows where you need to show exact commands and results inside the browser in real time.

Why does my browser automation demo not show Claude's actions in real time?▼

Your demo may not show actions in real time if the gstack extension is not auto-loaded in a headed Chrome window, which is required to visualize every click and navigation as it happens.

Related Skills

Explore More Software Engineering Skills→
wineastwineast
1

setup-eval-env

Automates environment checks, key generation, and database validation for AI evaluation setups.

Community
Intermediate
jgsqwarejgsqware

webapp-testing

Automate local web application testing with Playwright and Python.

Community
Intermediate
fray-cloudfray-cloud

connect-chrome

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

Community
Intermediate
betaTridentbetaTrident

browser-qa

Automate visual regression testing and UI interaction verification for web applications.

Community
Advanced