scrape-webpage

Extract page content, metadata, and images into migration-ready HTML and JSON.

Updated Mar 7, 2026

Search Tags:#html #migration #images #metadata #webpage #aem #scrape

Ready to run

npx skills add https://github.com/trieloff/trrrrdt --skill scrape-webpage-trieloff

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: scrape-webpage
Source: https://github.com/trieloff/trrrrdt/tree/main/.claude/skills/scrape-webpage
Command: npx skills add https://github.com/trieloff/trrrrdt --skill scrape-webpage-trieloff

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires playwright, sharp, and includes scripts (resource) components.

What problem does it solve?

Web content migration is tedious without structured data. This Skill automatically extracts content, metadata, and images from a webpage to produce a migration-ready analysis package.

Core Features & Use Cases

Extracts page content, metadata (Open Graph, JSON-LD), and images
Produces a migration-friendly HTML with local image references
Returns a structured JSON with paths and image mappings for downstream steps
Use Case: Prepare a source page for AEM Edge Delivery Services import by generating local assets and clean HTML

Quick Start

Analyze a target page to generate a metadata-rich analysis package with local images and cleaned HTML.

Frequently Asked Questions about scrape-webpage

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

FAQPage Schema

How do I extract webpage content and images for an AEM migration?▼

Webpage content and images for an AEM migration are extracted as cleaned HTML and local image assets. The process generates a structured JSON mapping and metadata package to support downstream import workflows.

What metadata does a webpage scraper capture for offline analysis?▼

A webpage scraper captures Open Graph tags, JSON-LD structured data, and canonical URL information for offline analysis. This metadata-rich package ensures automated analysis requirements are met during content migrations.

Can I use Playwright to scrape a webpage and generate local image mappings?▼

Playwright is used to scrape the webpage and generate local image mappings. It works alongside the Sharp image processing library to produce local image assets and migration-friendly HTML references.

What's the best way to prepare source HTML for AEM Edge Delivery Services import?▼

Preparing source HTML for AEM Edge Delivery Services import involves extracting page content and generating local assets. This produces migration-friendly HTML with local image references suitable for the import pipeline.

Do I need to clean HTML references before migrating webpage content?▼

Cleaning HTML references is required before migrating webpage content. The scraping process automatically produces migration-friendly HTML with local image references instead of remote URLs.