page-import

Import and migrate a webpage from a URL into structured HTML content.

Updated Sep 18, 2025
One-click install
npx skills add https://github.com/pragyaP17/universal-editor --skill page-import-pragyap17
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: page-import
Source: https://github.com/pragyaP17/universal-editor/tree/main/.claude/skills/page-import
Command: npx skills add https://github.com/pragyaP17/universal-editor --skill page-import-pragyap17

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Migrating a webpage to AEM Edge Delivery Services involves multiple complex steps, from scraping to previewing, requiring careful coordination. This skill orchestrates the entire import workflow, ensuring a smooth and efficient process.

Core Features & Use Cases

  • End-to-End Workflow Orchestration: Manages the complete process: scraping, structure identification, authoring analysis, HTML generation, and local preview.
  • David's Model Adherence: Ensures all decisions prioritize authoring experience, minimize blocks, and leverage Block Collection content models.
  • Detailed TodoList Management: Creates and tracks a step-by-step todo list for each phase, ensuring all success criteria are met.
  • Comprehensive Verification: Mandates visual comparison with the original page and validation of all imported content and rendering.

Quick Start

Use the page-import skill to migrate the webpage 'https://www.example.com/products/new-widget' to AEM Edge Delivery Services, starting with scraping the page content.

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?

Webpage migration to AEM Edge Delivery involves scraping content from a URL, identifying page structure, generating structured HTML, and validating assets locally. This skill orchestrates the complete workflow—from content extraction through preview—handling scraping, metadata capture, block decisions, and asset validation in one coordinated process.

Can I import competitor pages or external sites into AEM Edge Delivery?

Yes, page-import supports migrating individual pages from any URL, including competitor sites, for reference, content extraction, or migration purposes. The skill focuses on main content areas like heroes, features, testimonials, and CTAs while excluding headers, navigation, and footers.

What does the page-import workflow produce?

The workflow generates four outputs: cleaned.html (structured content), metadata.json (page metadata), screenshot.png (visual reference), and an images/ folder containing all extracted assets, enabling local preview and validation before authoring.

How does page-import decide between default content and blocks in AEM?

Page-import analyzes page structure and applies David's Model principles to prioritize authoring experience, minimize block complexity, and leverage Block Collection content models for optimal AEM Edge Delivery configuration.

Do I need manual setup before importing a webpage?

No external dependencies or components are required. Provide the webpage URL, and page-import handles content scraping, structure analysis, HTML generation, and local preview validation automatically.