Browser Testing With Devtools Claude Skill

Uses browser observations, DOM inspection and console output to diagnose interface failures and check fixes in Chrome DevTools.

Published by addyosmaniaddyosmani/agent-skills/browser-testing-with-devtools

Source repositoryaddyosmani/agent-skills
Source licenseMIT
Pinnedaeac41d
Source checked2026-10-18

High static risk — review before setup

The inspected source mentions shell commands with credential access or file changes. Review the pinned instructions, permissions and scripts in an isolated environment before copying setup. These signals are not a security certification.

Review source

.install .install-tabs{display:none}.install .install-panel[hidden]{display:block}@media (max-width:767px){.install .install-panel[hidden]{display:flex}}.install .install-panel+.install-panel{border-top:1px solid var(--line)}.install .install-panel-label{display:block}.install .install-all{display:none}

Install

Pick your client, then copy the command.

Claude Code

Personal skills in ~/.claude/skills (use .claude/skills for one project)

git clone 'https://github.com/addyosmani/agent-skills.git'
cd agent-skills && git checkout aeac41d4d005999432bb7312f7ff06383a91d59d
mkdir -p ~/.claude/skills && cp -R skills/browser-testing-with-devtools ~/.claude/skills/browser-testing-with-devtools

Codex

No Codex snippet verified for this entry yet

Compatibility is not confirmed, so there is no copy-ready command. Start from the pinned checkout and follow the source docs for where the folder goes.

Pinned checkout (same for every client)

git clone 'https://github.com/addyosmani/agent-skills.git'
cd agent-skills && git checkout aeac41d4d005999432bb7312f7ff06383a91d59d

Read pinned setup documentation Codex skills documentation

Cursor

No Cursor snippet verified for this entry yet

Compatibility is not confirmed, so there is no copy-ready command. Start from the pinned checkout and follow the source docs for where the folder goes.

Pinned checkout (same for every client)

git clone 'https://github.com/addyosmani/agent-skills.git'
cd agent-skills && git checkout aeac41d4d005999432bb7312f7ff06383a91d59d

Read pinned setup documentation

Git

Check out the pinned revision

git clone 'https://github.com/addyosmani/agent-skills.git'
cd agent-skills && git checkout aeac41d4d005999432bb7312f7ff06383a91d59d

Any agent

Paste into your agent chat

Read the source at https://github.com/addyosmani/agent-skills/blob/aeac41d4d005999432bb7312f7ff06383a91d59d/skills/browser-testing-with-devtools/SKILL.md (pinned revision aeac41d4d005). Explain what it does and which tools, credentials and network access it needs. Do not install or run anything until I confirm.

How to install Claude Code skills: compare folder, plugin and CLI methods

All client instructions (works without JavaScript)

Claude Code

Personal skills in ~/.claude/skills (use .claude/skills for one project)

git clone 'https://github.com/addyosmani/agent-skills.git'
cd agent-skills && git checkout aeac41d4d005999432bb7312f7ff06383a91d59d
mkdir -p ~/.claude/skills && cp -R skills/browser-testing-with-devtools ~/.claude/skills/browser-testing-with-devtools

Codex

No dedicated setup snippet verified for this client. Review the shared setup and pinned source below; compatibility is not confirmed.

Read pinned source

Cursor

No dedicated setup snippet verified for this client. Review the shared setup and pinned source below; compatibility is not confirmed.

Read pinned source

Git

Check out the pinned revision

git clone 'https://github.com/addyosmani/agent-skills.git'
cd agent-skills && git checkout aeac41d4d005999432bb7312f7ff06383a91d59d

Any agent

Paste into your agent chat

Read the source at https://github.com/addyosmani/agent-skills/blob/aeac41d4d005999432bb7312f7ff06383a91d59d/skills/browser-testing-with-devtools/SKILL.md (pinned revision aeac41d4d005). Explain what it does and which tools, credentials and network access it needs. Do not install or run anything until I confirm.

Listed ≠ audited. Snippets follow the pinned source docs; review the source and any scripts before running them. Nothing is installed from this page.

Source record

Repository: addyosmani/agent-skills
Source file: skills/browser-testing-with-devtools/SKILL.md
Pinned revision: aeac41d
Upstream commit: 13 Oct 2026
Last checked: 18 Oct 2026
License: MIT

No review scores. No automatic installs. Not affiliated with the publisher.

Source assessment

107,956 GitHub stars · Repository push 2026-10-13

Static risk · High Quality 100/100

Signals describe text in the listed files, not proven runtime behavior. “Not observed” does not mean absent. This is not a security certification.

Shell commands: Observed
Network references: Observed
File reading: Not observed
File writing: Not observed
Credential references: Observed

Scanned files: 1 · Unscanned companion scripts: 0

Inspect scan evidence

skills/browser-testing-with-devtools/SKILL.md

How the score is calculated

Documentation 40/40 + Maintenance 25/25 + Stars 20/20 + License 15/15 = 100/100.

Read the complete formula, filters and limitations

License scope: repository metadata; check nested source terms. README

Snapshot: 2026-10-18T08:26:08 UTC · asd-static-v1

What you are opening

A public SKILL.md with instructions for an agent. Open the pinned source to inspect its complete scope, dependencies and permissions.

How to set it up

Open the pinned SKILL.md and read its instructions and any bundled scripts.
Copy the skill folder into your client’s skills directory with the snippet in the install card.
Start a new session and ask for the task the skill describes.

Before you add it

Read the instructions and review any scripts before running them.
Check tool access, required credentials and third-party network requests.
The source license and any resource-specific terms take precedence.

Source assessment

How the score is calculated

What you are opening

How to set it up

Before you add it

More from addyosmani/agent-skills

Other Claude skills