Home / Skills / browser-testing-with-devtools

browser-testing-with-devtools

coding

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 ou

License
MIT
SKILL.md tokens
3,483
Bundled files
0
Bundled tokens (estimated)
0

Cost per 1,000 loads

Estimated input cost per 1,000 loads of SKILL.md only (characters ÷ 4). Bundled files, output tokens and execution are excluded.

ModelInput / 1M tokens1,000 loads
Claude Opus 5$5.00$17.41
Claude Sonnet 5$2.00$6.97
Claude Haiku 4.5$1.00$3.48
Anthropic pricing source

Safety flags

Detected automatically from files; not a security audit.

Runs scripts
No
Network access
Yes
Shell commands
No

Works with

Open SKILL.md format

  • Claude Code
  • Codex
  • Cursor
  • GitHub Copilot
  • Gemini CLI
  • OpenCode
  • Goose

Install

npx skills add addyosmani/agent-skills --skill browser-testing-with-devtools

Last verified:

browser-testing-with-devtools FAQ

What does the browser-testing-with-devtools skill do?

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 ou Source: https://github.com/addyosmani/agent-skills/blob/main/skills/browser-testing-with-devtools/SKILL.md

What does the browser-testing-with-devtools skill cost to load?

SKILL.md is about 3,483 tokens. Estimated input cost per 1,000 loads: Claude Opus 5 $17.41; Claude Sonnet 5 $6.97; Claude Haiku 4.5 $3.48. Estimated input cost per 1,000 loads of SKILL.md only (characters ÷ 4). Bundled files, output tokens and execution are excluded. Prices: https://docs.anthropic.com/en/docs/about-claude/pricing

How do I install the browser-testing-with-devtools skill?

Skills CLI: npx skills add addyosmani/agent-skills --skill browser-testing-with-devtools. Claude Code: /plugin marketplace add addyosmani/agent-skills, then install the plugin from that marketplace. Download the browser-testing-with-devtools skill folder as a ZIP and upload it in Claude.ai skills settings.

Is the browser-testing-with-devtools skill safe?

Automatically detected flags: network access. Flags are detected automatically from the skill's files and are not a security audit; review the SKILL.md before installing.

Related on CostKite

Related coding skills

All skillsAll coding skills

My AI Stack