Skills
.Work. You
Rest

studio-chrome-devtools

Official

Connect Chrome DevTools to Studio Electron app for debugging.

Software Engineering#debugging#chrome devtools#remote debugging#studio electron#script evaluation
Authorinstrument-org
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill provides a guide to connect Chrome DevTools with the Studio Electron app, enabling users to debug and interact with the app's internal pages and components.

Core Features & Use Cases

  • Chrome DevTools Integration: Connect and interact with Chrome DevTools from the Studio Electron app.
  • Remote Debugging Endpoint: Use a remote debugging endpoint to debug the app.
  • Page Selection and Snapshots: Select and snapshot specific pages within the app for debugging purposes.
  • Script Evaluation: Evaluate JavaScript code on selected pages for debugging.
  • Use Case: For developers working on the Studio Electron app, this skill helps in debugging and verifying the behavior of the app's internal pages.

Quick Start

Run the script to connect Chrome DevTools to the Studio Electron app and list available pages.

bash .agents/skills/studio-chrome-devtools/scripts/connect-cli.sh

Dependency Matrix

Required Modules

None required

Components

scripts

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: studio-chrome-devtools
Download link: https://github.com/instrument-org/instrument/archive/main.zip#studio-chrome-devtools

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 620,000+ vetted skills library on demand.