·chrome-devtools
{}

chrome-devtools

the1studio/theone-training-skills

Browser automation, debugging, and performance analysis using Puppeteer CLI scripts. Use for automating browsers, taking screenshots, analyzing performance, monitoring network traffic, web scraping, form automation, and JavaScript debugging.

8Installs·0Trend·@the1studio

Installation

$npx skills add https://github.com/the1studio/theone-training-skills --skill chrome-devtools

SKILL.md

Browser automation via Puppeteer scripts with persistent sessions. All scripts output JSON.

Skills can exist in project-scope or user-scope. Priority: project-scope > user-scope.

| Source-available sites | Read source code first, write selectors directly | | Unknown layouts | Use aria-snapshot.js for semantic discovery | | Visual inspection | Take screenshots to verify rendering | | Debug issues | Collect console logs, analyze with session storage | | Accessibility audit | Use ARIA snapshot for semantic structure analysis |

Browser automation, debugging, and performance analysis using Puppeteer CLI scripts. Use for automating browsers, taking screenshots, analyzing performance, monitoring network traffic, web scraping, form automation, and JavaScript debugging. Source: the1studio/theone-training-skills.

View raw

Facts (cite-ready)

Stable fields and commands for AI/search citations.

Install command
npx skills add https://github.com/the1studio/theone-training-skills --skill chrome-devtools
Category
{}Data Analysis
Verified
First Seen
2026-02-01
Updated
2026-02-18

Quick answers

What is chrome-devtools?

Browser automation, debugging, and performance analysis using Puppeteer CLI scripts. Use for automating browsers, taking screenshots, analyzing performance, monitoring network traffic, web scraping, form automation, and JavaScript debugging. Source: the1studio/theone-training-skills.

How do I install chrome-devtools?

Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/the1studio/theone-training-skills --skill chrome-devtools Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code or Cursor

Where is the source repository?

https://github.com/the1studio/theone-training-skills