skills.rest
filipnyquist
filipnyquistCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

connect-chrome

Connect Claude to a Chrome window and stream live actions to the Side Panel.

Updated Mar 29, 2026
Search Tags:#chrome#claude-code#browser-automation#connect#side-panel#gstack#live-feed
One-click install
npx skills add https://github.com/filipnyquist/caidos --skill connect-chrome-filipnyquist
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: connect-chrome
Source: https://github.com/filipnyquist/caidos/tree/main/.claude/skills/gstack/connect-chrome
Command: npx skills add https://github.com/filipnyquist/caidos --skill connect-chrome-filipnyquist

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Claude needs a reliable way to interact with a real Chrome browser during testing and demos, including live visibility of actions via a Side Panel.

Core Features & Use Cases

  • Connect Claude to a Chrome window with the gstack extension auto-loaded for real-time feedback.
  • Observe every click, navigation, and command in the Side Panel as it happens.
  • Follow a guided setup and verification flow to onboard new environments quickly.

Quick Start

Run the setup command to connect Claude to Chrome and load the Side Panel extension.

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 Chrome for real-time browser automation visibility?▼

You can connect Claude to Chrome by running the setup command to link a Chrome window with the gstack extension, streaming live actions to the Side Panel for real-time visibility during testing and demos.

What is the Side Panel extension used for in Claude Code sessions?▼

The Side Panel extension provides live feedback by displaying every click, navigation, and command executed by Claude in real-time, ensuring full visibility of browser automation actions within Claude Code sessions.

How do I set up browser automation with Claude and the gstack workflow?▼

Run the guided setup and verification flow to onboard your environment quickly, which connects Claude to Chrome and auto-loads the gstack extension for immediate browser control and live action streaming.

Does the Chrome Side Panel connection require a specific port configuration?▼

Yes, connecting Claude to Chrome with the Side Panel requires the extension to be loaded and specifically configured for port 34567 to ensure proper communication and live feed streaming.

Can I observe Claude's browser actions live without a separate screen share?▼

Yes, the Side Panel streams live actions directly within Chrome, allowing you to observe every click, navigation, and command as it happens without needing external screen sharing or monitoring tools.

What should I do if the Chrome Side Panel is not showing live actions from Claude?▼

Verify that the gstack workflow is active and the Side Panel extension is correctly configured for port 34567, as the guided verification flow checks these prerequisites to ensure live actions are streaming properly.

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
DicklesworthstoneDicklesworthstone
70

claude-chrome

Automate authenticated browser tasks in a real Chrome session via Claude Code CLI and MCP.

Community
Advanced
VertaKhanVertaKhan

connect-chrome

Connect Claude to a real Chrome window via the gstack framework.

Community
Advanced
fray-cloudfray-cloud

connect-chrome

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

Community
Intermediate