Use when extracting specific HTML elements (h1, h2, links, images, etc.), scraping page content, or inspecting DOM structure. Also preferred for JavaScript-rendered content or when WebFetch returns incomplete results.
This skill inherits all available tools. When active, it can use any tool Claude has access to.
scripts/package.jsonscripts/read-dom.jsExtract the rendered HTML from a web page after JavaScript execution.
This skill provides guidance for extracting the real DOM content from web pages. Unlike static HTML fetching, this captures the DOM after JavaScript has modified it, revealing dynamically loaded content.
Use the read-dom.js script with Puppeteer to extract DOM content. The script is in the plugin's shared scripts/ directory.
Before running the script, check if node_modules exists in the plugin's scripts directory. If not, install dependencies:
# Check and install if needed (run from plugin root)
[ -d "scripts/node_modules" ] || (cd scripts && npm install)
Run from plugin root directory:
node scripts/read-dom.js "https://example.com"
To read all elements matching a selector:
node scripts/read-dom.js "https://example.com" "h2"
To read a specific element by ID:
node scripts/read-dom.js "https://example.com" "#main-content"
The script is located at scripts/read-dom.js in the plugin root directory (shared across skills).
Returns the HTML string of the requested content:
outerHTML of ALL matching elements, separated by newlines