scrape-webpage

Scrape webpage content, metadata, and images into migration-ready JSON, HTML, and local assets.

Updated Mar 12, 2026
One-click install
npx skills add https://github.com/adobe-summit2026-l613/las-vegas-events --skill scrape-webpage-adobe-summit2026-l613
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: scrape-webpage
Source: https://github.com/adobe-summit2026-l613/las-vegas-events/tree/main/.skills/scrape-webpage
Command: npx skills add https://github.com/adobe-summit2026-l613/las-vegas-events --skill scrape-webpage-adobe-summit2026-l613

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

An automated solution for analyzing a webpage to extract metadata, identify structure, download and localize images, and prepare content for migration workflows.

Core Features & Use Cases

  • Automated page analysis with image capture and mapping to local assets
  • Metadata extraction (title, description, Open Graph, JSON-LD, canonical)
  • Cleaned HTML extraction with preserved attributes and local image references
  • Document path generation and artifact packaging for migration workflows
  • Useful for CMS migrations, content audits, and asset mapping

Quick Start

Run the analyze-webpage.js script with a target URL to generate the analysis artifacts in an output directory.

Frequently Asked Questions about scrape-webpage

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

FAQPage Schema
How do I extract Open Graph and JSON-LD metadata from a webpage for a CMS migration?

Extract webpage metadata by running an automated analysis script that captures SEO data, Open Graph, and JSON-LD into a structured metadata.json file. This prepares content and structured data for CMS migration pipelines.

Can I download and localize webpage images during a content audit?

Yes, you can download and localize webpage images during a content audit. The automation uses Playwright for capture and Sharp for image processing, downloading all assets to a local images/ directory while updating references in the cleaned HTML output.

What is the best way to map remote image assets to local paths for migration workflows?

The best way to map remote image assets to local paths is using automated document path generation and artifact packaging. This downloads images locally and rewrites the cleaned HTML to reference the new local directory structure for migration.

Does Playwright work with Sharp for webpage scraping and image processing?

Yes, Playwright works with Sharp for webpage scraping and image processing. Playwright handles browser automation to extract content and capture screenshots, while Sharp processes the downloaded images into local assets for migration.

What artifacts are generated when preparing cleaned HTML for a page import?

Preparing cleaned HTML for a page import generates a metadata.json file, a cleaned.html document, a screenshot.png, and a local images/ directory. These artifacts package the extracted content and mapped assets for migration pipelines.