page-import

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

Updated Nov 17, 2025
One-click install
npx skills add https://github.com/salvamolaso/movistar-poc-aem-eds --skill page-import-salvamolaso
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: page-import
Source: https://github.com/salvamolaso/movistar-poc-aem-eds/tree/main/.skills/page-import
Command: npx skills add https://github.com/salvamolaso/movistar-poc-aem-eds --skill page-import-salvamolaso

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill orchestrates the import/migration of a single webpage from a URL into structured HTML content for authoring in AEM Edge Delivery Services. It scrapes the page, analyzes the structure, maps content to existing blocks, and generates HTML suitable for immediate local preview. It can be triggered by terms like migrate, migration, or migrating.

Core Features & Use Cases

  • Scrape webpage and extract content, metadata, and images
  • Identify page structure and section boundaries
  • Decide authoring approach (default content vs blocks)
  • Generate HTML file and preview locally
  • Verify rendering in a local dev server

Use Case: Import a competitor page for reference, convert to AEM-ready content, and preview locally.

Quick Start

  • Invoke the page-import skill with a Target URL and an output directory (e.g., ./import-work).
  • The workflow executes through steps: scrape-webpage, identify-page-structure, authoring-analysis, generate-import-html, and preview-import. After completion, open the generated HTML to verify alignment with the original page.

Frequently Asked Questions about page-import

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

FAQPage Schema
How do I migrate a webpage to AEM Edge Delivery Services?

Migrate a webpage by invoking page-import with a target URL and output directory. The Skill scrapes the page, identifies structure, analyzes authoring approach, generates structured HTML, and produces a local preview—converting designs into block-based or default content ready for AEM authoring.

Can I import and preview a competitor's webpage as structured HTML?

Yes. Page-import scrapes any webpage URL, extracts content and metadata, maps it to AEM block structures, generates an HTML file, and renders a local preview for immediate verification against the original design.

What happens during webpage import—how is content converted to AEM-ready HTML?

The Skill executes five coordinated steps: scrape-webpage extracts content and images, identify-page-structure maps sections, authoring-analysis decides between default and block content, generate-import-html produces structured markup, and preview-import renders it locally.

Do I need to manually restructure content after import, or is it ready for authoring?

Content emerges structured and ready for authoring. Page-import handles scraping, structure identification, and HTML generation; you verify the local preview, then author directly in AEM Edge Delivery Services without manual restructuring.

What output do I get from page-import?

Page-import generates an HTML file in your output directory and produces a local dev-server preview. The HTML is block-aware and AEM-formatted, aligned with the original webpage's design and content hierarchy.

Can page-import migrate multiple pages at once?

Page-import processes one webpage per invocation. For multi-page migration, invoke the Skill separately for each URL and output directory.