monitor-page

Monitor web pages and report content changes via CSS selectors.

Updated Apr 12, 2026
One-click install
npx skills add https://github.com/Srajangpt1/dataeye --skill monitor-page-srajangpt1
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: monitor-page
Source: https://github.com/Srajangpt1/dataeye/tree/main/packages/browseros-agent/apps/server/src/skills/defaults/monitor-page
Command: npx skills add https://github.com/Srajangpt1/dataeye --skill monitor-page-srajangpt1

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Web pages change frequently and manually checking them for price drops, stock availability, or new content is slow and error-prone. This Skill automates watching a specific part of a page and alerts you when the targeted content changes so you can act faster and avoid missing important updates.

Core Features & Use Cases

  • Baseline snapshot capture: Load the target URL and extract the specific content to track, storing a baseline state for later comparison.
  • Targeted extraction: Use navigation, page evaluation, or CSS selectors to precisely identify price elements, stock indicators, or textual content.
  • Change detection and reporting: Revisit the page, extract the same content, compare against the baseline, and report differences with before/after context.
  • Update workflow: After reporting changes, update the stored baseline so monitoring continues from the latest state.
  • Use Cases: Monitor product price changes, detect stock availability on retailer pages, watch news or blog pages for new articles, and track dynamic content changes on dashboards.

Quick Start

Ask the assistant to monitor https://example.com/product for price changes by tracking the .price selector and notify me when the value changes.

Frequently Asked Questions about monitor-page

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I automate web scraping to detect price changes on a product page?

Automate webpage change detection by navigating to the target URL, extracting the specific content using CSS selectors, storing a baseline snapshot, and comparing subsequent visits to alert you to price drops. This replaces manual checking with automated monitoring.

Can I monitor stock availability on retailer pages using browser automation?

Yes, you can monitor stock availability by targeting stock indicator elements on retailer pages via CSS selectors or script evaluation. The process captures a baseline state and alerts you when the extracted stock status changes from unavailable to available.

What is the best way to track new content on news articles or blogs?

The best way to track new content is using automated change detection to capture a baseline snapshot of the news page, then periodically re-evaluating the content to identify and report any textual differences or new articles added.

Does targeted content extraction require specific CSS selectors for change detection?

Yes, targeted content extraction relies on specifying CSS selectors or script evaluation to precisely identify the elements to track. This ensures the change detection mechanism focuses only on the relevant page content like prices or stock.

How does baseline snapshot comparison work for dynamic web content?

Baseline snapshot comparison works by storing the initial extracted state of dynamic web content, then revisiting the page to extract the same content and comparing it against the stored baseline to detect, report, and update differences.