skills.rest
joeylife94
joeylife94COMMUNITY
Explore all skills by this author →
GitHub

connect-chrome

Connect Claude to a visible Chrome window via the gstack extension.

Updated Mar 30, 2026
Search Tags:#browser automation#web debugging#Chrome#real-time observation#gstack extension
One-click install
npx skills add https://github.com/joeylife94/gstack-2026-03 --skill connect-chrome-joeylife94
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: connect-chrome
Source: https://github.com/joeylife94/gstack-2026-03/tree/main/connect-chrome
Command: npx skills add https://github.com/joeylife94/gstack-2026-03 --skill connect-chrome-joeylife94

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires playwright, and includes scripts (resource) components.

What problem does it solve?

This Skill enables real-time control and observation of Chrome actions through the gstack extension, bridging the gap between AI and browser interactions.

Core Features & Use Cases

  • Real-time Chrome Control: Execute commands to navigate, interact, and observe actions in a visible Chrome window.
  • Side Panel Extension: Utilize the Side Panel extension for a live activity feed, providing insights into every action taken.
  • Use Case: When debugging a web application, use this Skill to connect Claude to Chrome, navigate to the problematic page, and observe the actions in real time to identify issues.

Quick Start

Run the command /connect-chrome to launch Chrome with the gstack extension and observe 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 control Chrome with Playwright and observe actions in real time?▼

You can control Chrome and observe actions in real time by connecting Claude to a visible Chrome window using the gstack extension, which provides a live activity feed in the Side Panel. This requires Playwright to automate the browser interactions.

Can I debug a web application by watching automated browser interactions live?▼

Yes, you can debug a web application by connecting Claude to Chrome, navigating to the problematic page, and watching the live activity feed in the Side Panel to identify issues as they occur during automated testing.

Do I need Node.js or Playwright installed to automate Chrome for web debugging?▼

Yes, you need Playwright, a Node.js library for automating Chromium and Firefox, to run this browser automation and connect Claude to a visible Chrome window for real-time observation.

What is the best way to see a live activity feed of automated browser testing in Chrome?▼

The best way to see a live activity feed is to launch Chrome with the gstack extension, which displays every automated action taken by Claude in the Side Panel for real-time observation and debugging.

Does this browser automation approach work with headless Chrome or only visible windows?▼

This approach connects Claude to a visible Chrome window specifically, allowing you to observe user interactions and web debugging actions in real time rather than running the browser in headless mode.

Related Skills

Explore More Software Engineering Skills→
I194I194
9

open-gstack-browser

Launch a visible AI-controlled Chromium browser with a live activity feed and chat sidebar.

Community
Advanced
SantiagoisperSantiagoisper

connect-chrome

Connect Codex to a Chrome window for real-time monitoring and control.

Community
Intermediate
ibalasiteibalasite

connect-chrome

Launch a visible Playwright-controlled Chrome window with a gstack Side Panel activity feed.

Community
Intermediate
chtughachtugha

playwright-cli-client

Automates web tasks using Playwright's Node.js API with headless mode and JavaScript execution in the browser context.

Community
Intermediate