scrape-webpage

Extract content, metadata, and images from webpages for migration.

Updated Jan 16, 2026
One-click install
npx skills add https://github.com/treeves/ak-test --skill scrape-webpage-treeves
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: scrape-webpage
Source: https://github.com/treeves/ak-test/tree/main/.skills/scrape-webpage
Command: npx skills add https://github.com/treeves/ak-test --skill scrape-webpage-treeves

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill turns the manual, error-prone process of migrating web content into an automated workflow by extracting page content, metadata, and assets for migration to AEM Edge Delivery Services or similar platforms.

Core Features & Use Cases

  • Extracts title, description, Open Graph, JSON-LD, and canonical metadata from a page.
  • Downloads images locally (converting to PNG when needed) and maps them to local paths for offline migration.
  • Produces a cleaned HTML payload with local image references and a complete metadata.json for downstream steps.
  • Use Case: You need to analyze a competitor's page and prepare a ready-to-migrate package with images and metadata.

Quick Start

Use the scrape-webpage skill to analyze a page: node .claude/skills/scrape-webpage/scripts/analyze-webpage.js "https://example.com/page" --output ./work

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 migration?

Webpage migration extracts page content, metadata, and images using automated tools. Scrape Webpage downloads images locally, maps them to asset paths, cleans HTML references, and outputs a metadata.json payload ready for import into platforms like AEM Edge Delivery Services.

Can I use Playwright and Sharp to automate webpage scraping?

Yes. Playwright automates page analysis and asset discovery; Sharp handles image conversion and optimization. Together they extract Open Graph metadata, JSON-LD structured data, canonical tags, and convert images to PNG format while maintaining local asset mappings.

What metadata does webpage scraping capture?

Webpage scraping captures title, description, Open Graph tags, JSON-LD structured data, and canonical URLs. Scrape Webpage extracts these elements and outputs them in a structured metadata.json file alongside cleaned HTML and image reference mappings for downstream migration workflows.

How do I prepare downloaded images for offline migration?

Image preparation converts remote assets to local PNG files and updates HTML to reference local paths. Scrape Webpage handles this automatically: it downloads images, converts formats, maps original URLs to local asset locations, and produces a complete image-reference index.

What's the fastest way to migrate competitor pages to AEM?

Automated webpage scraping accelerates migration by extracting all assets, metadata, and cleaned markup in one pass. Scrape Webpage integrates with page-import orchestrators to analyze sources, prepare ready-to-import packages, and eliminate manual content re-entry and asset mapping.