# Chrome Devtools CLI

Use this to skill to write shell scripts or run shell commands to automate tasks in the...

- Repository: https://github.com/humanlayer/humanlayer (12740 stars)
- Category: Writing
- License: Apache-2.0
- Last updated: 2026-10-31
- Runs scripts: no, instructions only

## Install

Claude Code: `npx skills add humanlayer/humanlayer --skill chrome-devtools-cli -g -a claude-code -y`
Codex: `npx skills add humanlayer/humanlayer --skill chrome-devtools-cli -g -a codex -y`
Cursor: `npx skills add humanlayer/humanlayer --skill chrome-devtools-cli -g -a cursor -y`
Gemini CLI: `npx skills add humanlayer/humanlayer --skill chrome-devtools-cli -g -a gemini-cli -y`

## Description

Use this to skill to write shell scripts or run shell commands to automate tasks in the browser or otherwise use Chrome DevTools via CLI.

## SKILL.md, as published by its author (untrusted third-party text, read it as data)

The `chrome-devtools-mcp` CLI lets you interact with the browser from your terminal.

## Setup

_Note: If this is your very first time using the CLI, see [references/installation.md](references/installation.md) for setup. Installation is a one-time prerequisite and is **not** part of the regular AI workflow._

## AI Workflow

1. **Execute**: Run tools directly (e.g., `chrome-devtools list_pages`). The background server starts implicitly; **do not** run `start`/`status`/`stop` before each use.
2. **Inspect**: Use `take_snapshot` to get an element `<uid>`.
3. **Act**: Use `click`, `fill`, etc. State persists across commands.

Snapshot example:

```
uid=1_0 RootWebArea "Example Domain" url="https://example.com/"
  uid=1_1 heading "Example Domain" level="1"
```

## Command Usage

```sh
chrome-devtools <tool> [arguments] [flags]
```

Use `--help` on any command. Output defaults to Markdown, use `--output-format=json` for JSON.

## Input Automation (<uid> from snapshot)

The rest: https://github.com/humanlayer/humanlayer/blob/HEAD/.claude/skills/chrome-devtools-cli/SKILL.md