page-import

Import a webpage into structured HTML for AEM Edge Delivery Services.

3|Updated Apr 17, 2025
One-click install
npx skills add https://github.com/arbory-digital-inc/sas-demo --skill page-import-arbory-digital-inc
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: page-import
Source: https://github.com/arbory-digital-inc/sas-demo/tree/main/.claude/skills/page-import
Command: npx skills add https://github.com/arbory-digital-inc/sas-demo --skill page-import-arbory-digital-inc

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill enables one-off webpage imports by converting a URL into structured HTML suitable for authoring in AEM Edge Delivery Services. It scrapes the target page, analyzes layout and blocks, and prepares an HTML preview that mirrors the source content.

Core Features & Use Cases

  • Webpage scraping & metadata extraction: collect title, images, and key sections for mapping to existing blocks.
  • Structure identification & block mapping: delineate sections and align content with Block Collection or default content.
  • Local preview generation: produce an HTML file ready for immediate authoring and validation.
  • Use Case: migrate a single page from a competitor site to AEM Edge Delivery content for review and reuse.

Quick Start

Use the page-import skill to import a page by providing the URL and an output directory, then review the generated HTML in your local preview server.

Frequently Asked Questions about page-import

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

FAQPage Schema
How do I import an HTML webpage for AEM Edge Delivery Services authoring?

To import an HTML webpage for AEM authoring, you provide the target URL and an output directory. The skill scrapes the page, analyzes its layout, and generates structured HTML with local asset handling for immediate review.

Can I migrate a competitor webpage to structured AEM blocks?

Yes, you can migrate a competitor webpage to structured AEM blocks. The skill identifies page sections, extracts metadata, and maps the content to the Block Collection or default content for reuse.

How do I scrape a webpage and map its structure to HTML?

You scrape a webpage and map its structure to HTML by using the skill to analyze the source layout. It delineates sections and aligns the extracted content with existing blocks to produce a faithful representation.

Does the webpage import process handle local assets for HTML preview?

Yes, the webpage import process handles local assets for HTML preview. The skill orchestrates sub-skills to manage local asset handling, producing an HTML file ready for validation in your local preview server.

What is the best way to convert a URL for AEM design prototype analysis?

The best way to convert a URL for AEM design prototype analysis is through block-aware HTML generation. The skill scrapes the target page and prepares an HTML preview that mirrors the source content for evaluation.

When do I need block-aware HTML representation for webpage migration?

You need block-aware HTML representation for webpage migration when moving a single page to AEM Edge Delivery Services. It ensures the source layout is faithfully converted into structured content for authoring.