How do I install the Dom Reader skill?

Run npx skillmds@latest add tomevault-io/dom-reader in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.

Is Dom Reader safe to use?

This skill has not completed SkillMD's automated safety review yet. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.

Which AI agents work with Dom Reader?

This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.

Is Dom Reader free to use?

Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.

Who published Dom Reader?

tomevault-io (@tomevault-io) published this skill. Their other Agent Skills are listed on their SkillMD profile.

Dom Reader by tomevault-io — Agent Skill

Name: Dom Reader
Author: tomevault-io

Dom Reader

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.

tomevault-io 41e7c46 2 files · 3.1 KB Updated Sep 17, 2026

File contents

DOM Reader

Extract the rendered HTML from a web page after JavaScript execution.

Overview

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.

When to Use

Extract HTML content from JavaScript-heavy pages (SPAs, React, Vue, etc.)
Get the rendered DOM of a specific element using CSS selectors
Inspect the actual structure of a page after client-side rendering

Parameters

url (required): The URL of the page to read
selector (optional): CSS selector to extract specific elements. If omitted, returns the entire page HTML. When provided, returns ALL matching elements.

Implementation

Use the read-dom.js script with Puppeteer to extract DOM content. The script is in the plugin's shared scripts/ directory.

Pre-execution Check

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)

Basic Usage

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"

Script Location

The script is located at scripts/read-dom.js in the plugin root directory (shared across skills).

Output

Returns the HTML string of the requested content:

Full page: Complete document HTML
With selector: outerHTML of ALL matching elements, separated by newlines

Error Handling

Invalid URL: Report the URL format error
Selector not found: Report that the selector matched no elements
Page load timeout: Report timeout and suggest retrying or checking the URL
Missing dependencies: Run pre-execution check to install

Converted and distributed by TomeVault — claim your Tome and manage your conversions.

---name: dom-readerdescription: 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.---# DOM ReaderExtract the rendered HTML from a web page after JavaScript execution.## OverviewThis 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.## When to Use- Extract HTML content from JavaScript-heavy pages (SPAs, React, Vue, etc.)- Get the rendered DOM of a specific element using CSS selectors- Inspect the actual structure of a page after client-side rendering## Parameters- **url** (required): The URL of the page to read- **selector** (optional): CSS selector to extract specific elements. If omitted, returns the entire page HTML. When provided, returns ALL matching elements.## ImplementationUse the `read-dom.js` script with Puppeteer to extract DOM content. The script is in the plugin's shared `scripts/` directory.### Pre-execution CheckBefore running the script, check if `node_modules` exists in the plugin's scripts directory. If not, install dependencies:```bash# Check and install if needed (run from plugin root)[ -d "scripts/node_modules" ] || (cd scripts && npm install)```### Basic UsageRun from plugin root directory:```bashnode scripts/read-dom.js "https://example.com"```To read all elements matching a selector:```bashnode scripts/read-dom.js "https://example.com" "h2"```To read a specific element by ID:```bashnode scripts/read-dom.js "https://example.com" "#main-content"```### Script LocationThe script is located at `scripts/read-dom.js` in the plugin root directory (shared across skills).## OutputReturns the HTML string of the requested content:- Full page: Complete document HTML- With selector: `outerHTML` of ALL matching elements, separated by newlines## Error Handling- Invalid URL: Report the URL format error- Selector not found: Report that the selector matched no elements- Page load timeout: Report timeout and suggest retrying or checking the URL- Missing dependencies: Run pre-execution check to install---> Converted and distributed by [TomeVault](https://tomevault.io/claim/andreamk) — claim your Tome and manage your conversions.

Frequently asked questions