skills.rest
ligianehua
ligianehuaCOMMUNITY
Explore all skills by this author →
GitHub

connect-chrome

Launch a headed Playwright Chrome session with a Side Panel extension for real-time browser control.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Launch Claude to a real Chrome window so every click, navigation, and action is visible in real time, enabling transparent debugging and live demonstrations of browser control.

Core Features & Use Cases

  • Real-time visibility: see Claude actions as they interact with a headed Chrome window and a Side Panel extension.
  • Debugging and learning: observe command execution, navigation, and context switching during complex flows.
  • Demonstrations and teaching: showcase end-to-end browser automation with immediate feedback for stakeholders.

Quick Start

Run /connect-chrome to launch a headed Chrome window with the Side Panel and watch Claude execute 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 watch Claude control a real Chrome window in real time?▼

Real-time Chrome browser control is achieved by launching a headed Playwright session that opens a visible window with the Side Panel extension, allowing you to watch every click and navigation executed by Claude live.

Can I debug browser automation flows with a visible Chrome window?▼

Yes, you can debug browser automation flows by observing command execution, page navigation, and context switching directly within a visible headed Chrome window, providing immediate feedback during complex operations.

How do I launch a headed Playwright Chrome session for live demonstrations?▼

You can launch a headed Playwright Chrome session for live demonstrations by running the /connect-chrome command, which opens a visible browser window with the Side Panel and exposes a fixed port for monitoring.

Does this browser automation skill support Chrome extensions like the Side Panel?▼

Yes, this browser automation skill supports Chrome extensions by automatically loading the Side Panel extension into the headed Playwright Chrome session, enabling interaction with extension features during live control.

What is the best way to showcase transparent AI browser automation to stakeholders?▼

The best way to showcase transparent AI browser automation is using a headed Chrome window where every action is visible in real time, providing immediate feedback for teaching and stakeholder demonstrations.

Related Skills

Explore More Software Engineering Skills→
huichenhuichen

connect-chrome

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

Community
Advanced
vladolaruvladolaru
6

analyzing-cc-sessions

Parse JSONL transcripts to extract metrics and diagnose subagent behavior.

Community
Advanced
kompassdevkompassdev
9

agent-browser

Automate web browser navigation, interaction, data extraction, and testing workflows.

Official
Intermediate
mishahaninmishahanin
10

playwright

Automate headless browser interactions for scraping, form submission, and screenshots.

Community
Advanced