skills.rest
him55710-sudo
him55710-sudoCOMMUNITY
Explore all skills by this author →
GitHub

connect-chrome

Launch Chrome with the Side Panel extension and attach Claude to a live browser session.

Updated Mar 19, 2026
Search Tags:#chrome#browser-automation#connect#side-panel#live-demo#gstack#real-browser
One-click install
npx skills add https://github.com/him55710-sudo/uni-foli --skill connect-chrome-him55710-sudo
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: connect-chrome
Source: https://github.com/him55710-sudo/uni-foli/tree/main/.agents/skills/gstack-connect-chrome
Command: npx skills add https://github.com/him55710-sudo/uni-foli --skill connect-chrome-him55710-sudo

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Claude often lacks a real browser context for demonstrations and debugging. This Skill enables attaching Claude to a live Chrome window with the Side Panel extension auto-loaded, so every action is visible in real time.

Core Features & Use Cases

  • Live browser actions: see every click, navigation, and input as they happen.
  • Side Panel live activity feed: monitor actions in real time during demos or debugging.
  • Demonstrations and debugging: show the user the exact steps Claude takes in the browser for faster troubleshooting.

Quick Start

Run the connect-chrome command to attach Claude to a live Chrome window with the Side Panel actively loaded.

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

Live browser automation allows you to see every click, navigation, and input in real time. By attaching Claude to a live Chrome window with the Side Panel, you can monitor actions as they happen during demonstrations or debugging.

Can I view a live activity feed of Claude browser actions in real time?▼

Yes, the Side Panel extension provides a live activity feed. Once you connect Claude to the Chrome session, the Side Panel actively displays every browser action as it occurs for immediate monitoring.

What do I need to set up before attaching Claude to a real browser session?▼

You need to launch Chrome with the Side Panel extension actively loaded. Using the connect-chrome workflow then attaches Claude to this prepared browser session to enable live action viewing.

Is live Chrome control suitable for guided demonstrations and debugging?▼

Live Chrome control is highly applicable to demonstrations and debugging. It shows the exact steps Claude takes in the browser, allowing users to follow guided automation and troubleshoot faster.

How does the Side Panel extension work when debugging browser automation?▼

The Side Panel extension auto-loads when you connect Claude to Chrome, displaying a real-time feed of browser activity. This allows you to monitor every navigation and input for faster troubleshooting during debugging.

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
deveshkumarsdeveshkumars

connect-chrome

Launch real Chrome controlled by gstack with the Side Panel extension auto-loaded.

Community
Intermediate
vib795vib795

open-gstack-browser

Launch GStack Browser to expose AI-controlled Chromium activity with a live sidebar and action feed.

Community
Advanced
CleanExpoCleanExpo
1

playwright-browser

Automate headless browser tasks and end-to-end tests with Playwright.

Community
Advanced