skills.rest
Yaugourt
YaugourtCOMMUNITY
Explore all skills by this author →
𝕏@YaugourtGitHub

connect-chrome

Launch a headed Chrome instance with the gstack Side Panel extension loaded.

2|2|Updated Dec 1, 2024
Search Tags:#extension#playwright#chrome#browser-automation#side-panel#gstack#connect-chrome
One-click install
npx skills add https://github.com/Yaugourt/LiquidTerminal_Back --skill connect-chrome-yaugourt
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: connect-chrome
Source: https://github.com/Yaugourt/LiquidTerminal_Back/tree/main/.agents/skills/gstack/connect-chrome
Command: npx skills add https://github.com/Yaugourt/LiquidTerminal_Back --skill connect-chrome-yaugourt

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Claude needs to control a visible Chrome window with an auto-loaded gstack extension to observe and interact with browser actions in real time, enabling demonstrations, debugging, and safe automation.

Core Features & Use Cases

  • Real-time browser control: Launch a headed Chrome window with the gstack extension loaded for live activity feeds and command execution.
  • Guided setup & troubleshooting: Includes pre-flight cleanup, port discovery, and step-by-step user guidance to connect and verify the Side Panel.
  • Demonstrations and debugging: Show exact actions in the browser as you run gstack skills, making workflows verifiable and teachable.

Quick Start

Start the connect-chrome workflow to attach Claude to a visible Chrome window with the Side Panel extension loaded.

Frequently Asked Questions about connect-chrome

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I launch a real Chrome instance with a side panel extension for browser automation?▼

To launch real Chrome with a side panel extension, this skill initiates a headed browser window controlled by gstack and attaches Claude to it. It handles pre-flight cleanup, port discovery, and user guidance to verify the extension loads correctly.

Can I use Playwright to observe and debug browser automation actions in real time?▼

Yes, you can observe and debug browser automation actions in real time by attaching Claude to a visible Chrome window. This setup enables interactive demonstrations and makes workflows verifiable by showing exact actions as gstack skills run.

Do I need a prepared gstack environment to connect Chrome and load the side panel?▼

Yes, a prepared gstack environment and the Side Panel extension are required. The skill manages setup by performing pre-flight checks, discovering available ports, and providing step-by-step guidance to connect and verify the side panel.

Why does my Chrome browser automation session fail to load the extension side panel?▼

Chrome browser automation may fail to load the side panel due to port conflicts or unperformed pre-flight cleanup. This skill addresses these constraints by managing port discovery and guiding you through the verification process to ensure proper connection.

Related Skills

Explore More Software Engineering Skills→
francanetefrancanete
1

side-panel-development

Implement Chrome MV3 side panels with chrome.sidePanel API and lifecycle management.

Community
Basic
huichenhuichen

connect-chrome

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

Community
Advanced
adryanmoldokkr32-pixeladryanmoldokkr32-pixel

open-gstack-browser

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

Community
Advanced
mattothomasmattothomas

connect-chrome

Connect Claude to a headed Chrome window with the Side Panel extension auto-loaded.

Community
Advanced