scrape-webpage

Extract webpage content, metadata, and images into a structured bundle.

162|67|Updated Feb 5, 2026
One-click install
npx skills add https://github.com/adobe/skills --skill scrape-webpage-adobe
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: scrape-webpage
Source: https://github.com/adobe/skills/tree/main/skills/aem/edge-delivery-services/skills/scrape-webpage
Command: npx skills add https://github.com/adobe/skills --skill scrape-webpage-adobe

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill automates scraping of a webpage to extract content, metadata, and images for migration workflows such as AEM Edge Delivery Services, reducing manual extraction and preparation time.

Core Features & Use Cases

  • Web content extraction: Pulls page content, metadata (title, description, Open Graph, JSON-LD), and canonical URL for migration pipelines.
  • Image capture & local assets: Intercepts image requests during load, downloads images locally, and maps them to the final HTML.
  • Migration-ready HTML: Produces cleaned HTML with local image references and a comprehensive metadata.json for downstream processing.
  • Use Case: Speed up a page-import by providing a ready-to-migrate HTML document, image map, and SEO metadata in one bundle.

Quick Start

Run the analyze-webpage script against a target URL to generate a page-analysis bundle: node .claude/skills/scrape-webpage/scripts/analyze-webpage.js "https://example.com/page" --output ./analysis

Frequently Asked Questions about scrape-webpage

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

FAQPage Schema
How do I scrape webpage content and images for an AEM migration?

Scraping webpage content and images for an AEM migration involves extracting HTML, Open Graph data, JSON-LD, and local image assets into a structured metadata.json. This process requires Playwright for rendering and Sharp for image processing to produce migration-ready outputs.

Does webpage scraping with Playwright capture dynamic images and metadata?

Yes, webpage scraping with Playwright captures dynamic images and metadata by intercepting image requests during page load. It downloads images locally, maps them to the final HTML, and extracts Open Graph and JSON-LD metadata into a comprehensive metadata.json file.

What is the best way to extract Open Graph and JSON-LD metadata from a webpage?

The best way to extract Open Graph and JSON-LD metadata from a webpage is using an automated scraping script that renders the page with Playwright. This approach captures the fully rendered HTML, canonical URL, and structured metadata, outputting them in a structured metadata.json format.

How do I downscale and convert scraped webpage images to PNG?

To downscale and convert scraped webpage images to PNG, use the Sharp image processing library during the scraping workflow. As Playwright intercepts and downloads local image assets, Sharp processes them to ensure all images are properly formatted and optimized for migration pipelines.

Can I use scraped HTML and image mappings for AEM Edge Delivery Services?

Yes, you can use scraped HTML and image mappings for AEM Edge Delivery Services. The scraping process produces cleaned HTML with local image references and a comprehensive metadata.json bundle, which serves as a ready-to-migrate package for downstream AEM processing.

Do I need Node.js to run a webpage scraping script for migration?

Yes, you need Node.js to run a webpage scraping script for migration. The script is executed via the command line using Node, and it relies on Playwright for browser rendering and Sharp for image processing to generate the final page-analysis bundle.