# Browser Testing With Devtools (agent skill)

> Browser Testing With Devtools is an agent skill (a SKILL.md file) from addyosmani/agent-skills. Tests in real browsers via Chrome DevTools MCP. It works with Claude Code, Codex, Cursor, Gemini CLI, GitHub Copilot and OpenCode and has 113,791 GitHub stars across a repository of 14 listed skills.

Tests in real browsers via Chrome DevTools MCP. Use when building or debugging anything that runs in a browser. Use when you need to inspect the DOM, capture console errors, analyze network requests, profile performance, or verify visual output with real runtime data. Requires the chrome-devtools MCP server to be configured. Use Chrome DevTools MCP to give your agent eyes into the browser.

## Key facts

| Fact | Value |
|---|---|
| Repository | https://github.com/addyosmani/agent-skills |
| Skill path | skills/browser-testing-with-devtools/SKILL.md |
| Skill name | browser-testing-with-devtools |
| GitHub stars | 113,791 |
| Installs on skills.sh | 62,596 |
| License | MIT |
| Skills in repo | 14 |
| Plugin marketplace | addy-agent-skills |
| Official | no |
| Works with | Claude Code, Codex, Cursor, Gemini CLI, GitHub Copilot, OpenCode |
| Category | Testing & QA |
| Last commit | Nov 1, 2026 |

## When it triggers

- Use when building or debugging anything that runs in a browser.
- Use when you need to inspect the DOM, capture console errors, analyze network requests, profile performance, or verify visual output with real runtime data.

## Add this skill

### Claude Code

```sh
/plugin marketplace add addyosmani/agent-skills
/plugin install agent-skills@addy-agent-skills
```

In the Claude apps, zip the skill folder and upload it under Customize > Skills > + > Upload a skill (code execution must be on).

### ChatGPT / Codex

```sh
git clone --depth 1 https://github.com/addyosmani/agent-skills.git
cp -r agent-skills/skills/browser-testing-with-devtools .agents/skills/browser-testing-with-devtools   # repo; ~/.agents/skills for all projects
```

### Cursor

```sh
git clone --depth 1 https://github.com/addyosmani/agent-skills.git
cp -r agent-skills/skills/browser-testing-with-devtools .cursor/skills/browser-testing-with-devtools   # project; ~/.cursor/skills for all projects
```

Sources (checked 2026-10-07): https://code.claude.com/docs/en/skills, https://support.claude.com/en/articles/12512180-using-skills-in-claude, https://learn.chatgpt.com/docs/build-skills, https://cursor.com/docs/context/skills

skills.sh listing: https://www.skills.sh/addyosmani/agent-skills/browser-testing-with-devtools

---

Canonical page: https://appsgit.com/skills/addyosmani-browser-testing-with-devtools
Source: appsgit (https://appsgit.com), the app store for github. Data from the GitHub API, refreshed daily.
Machine access: JSON API https://appsgit.com/api/v1/apps (OpenAPI: https://appsgit.com/openapi.json), MCP server https://mcp.appsgit.com/mcp, full index https://appsgit.com/llms-full.txt.