gh-anthemflynn-ccmp-plugins-website-debug/commands/browser-eval.md

description, allowed-tools, argument-hint, model

description	allowed-tools	argument-hint	model
Execute JavaScript in the browser's page context. Great for inspecting DOM, computed styles, or testing fixes.	Bash(*)	<javascript expression>	haiku

Evaluate JavaScript

Execute JavaScript in the active browser tab's page context.

node ~/.claude/plugins/*/skills/website-debug/scripts/browser-eval.js '$ARGUMENTS'

Common Uses

Get element info:

document.querySelector(".selector")

Check computed styles:

getComputedStyle(document.querySelector(".btn")).backgroundColor

Count elements:

document.querySelectorAll("a").length

Get bounding rect:

document.querySelector(".header").getBoundingClientRect()

Return the result to the user and explain what it means in context.