preview-import

Name: preview-import
Availability: InStock
Author: salvamolaso

Preview imported HTML content in a local AEM Edge Delivery dev server.

Updated Nov 17, 2025

Search Tags:#rendering #verification #preview #AEM #edge-delivery #import-html

Ready to run

npx skills add https://github.com/salvamolaso/movistar-poc-aem-eds --skill preview-import-salvamolaso

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: preview-import
Source: https://github.com/salvamolaso/movistar-poc-aem-eds/tree/main/.skills/preview-import
Command: npx skills add https://github.com/salvamolaso/movistar-poc-aem-eds --skill preview-import-salvamolaso

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Preview imported HTML content and verify rendering in a local AEM Edge Delivery dev server.

Core Features & Use Cases

Local preview of imported content in the AEM Edge Delivery dev environment.
Validate rendering consistency with the original page, including images and metadata.
Use Case: After generating import HTML, preview in the local server and confirm the page layout matches the source.

Quick Start

Start the local development server with aem up, then open the preview URL formed from documentPath: http://localhost:3000${documentPath}. Example: http://localhost:3000/us/en/about

Frequently Asked Questions about preview-import

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

FAQPage Schema

How do I preview imported HTML content in AEM Edge Delivery locally?▼

Preview imported HTML by running aem up to start your local dev server, then navigate to http://localhost:3000${documentPath}. This renders your imported content in the AEM Edge Delivery environment so you can verify layout and assets match the source page before deployment.

Can I verify that imported content renders correctly across images and metadata?▼

Yes, this Skill validates rendering consistency by comparing your imported HTML against the original page, including images and metadata. Take a screenshot after preview to confirm the page layout matches the source in your local environment.

What do I need to preview imported content in a local AEM Edge server?▼

You need aem running locally via aem up, a documentPath to construct the preview URL, and the imported HTML file. The Skill uses these inputs to render and display your content at http://localhost:3000${documentPath} for inspection.

What's the typical workflow after generating import HTML?▼

After generating import HTML, use this Skill to preview in your local AEM Edge server and confirm the page layout and rendering match your source. This validation step ensures import quality before publishing to production.

Does preview verification work for the full import workflow including assets?▼

Yes, preview covers the complete import workflow scope: rendering validation against the original page, image assets, and metadata across your local AEM Edge Delivery dev server environment.