preview-import

Name: preview-import
Availability: InStock
Author: Permit-Junction

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

Updated Feb 15, 2026

Search Tags:#development #html #verification #preview #aem #import

Ready to run

npx skills add https://github.com/Permit-Junction/permitjunction-website --skill preview-import-permit-junction

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: preview-import
Source: https://github.com/Permit-Junction/permitjunction-website/tree/main/.claude/skills/preview-import
Command: npx skills add https://github.com/Permit-Junction/permitjunction-website --skill preview-import-permit-junction

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill allows you to preview and verify imported content within a local AEM Edge Delivery Services development server, ensuring accurate rendering and structure before deployment.

Core Features & Use Cases

Local Preview: Renders imported HTML files in a local development environment.
Rendering Validation: Checks if blocks are styled correctly and if images load.
Structure Comparison: Compares the rendered output against a screenshot of the original page.
Troubleshooting: Helps identify and resolve common issues like missing --html-folder flags or incorrect paths.
Use Case: After importing a webpage, use this skill to ensure the local preview matches the original site's layout and functionality.

Quick Start

Start the AEM development server with the correct HTML folder path using the command aem up --html-folder {dirPath}.

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 a local AEM development server?▼

To preview imported HTML content in a local AEM development server, start the AEM CLI using the command `aem up --html-folder {dirPath}` with the correct directory path for your pre-generated files.

How can I verify that imported AEM blocks are rendering correctly?▼

You can verify imported AEM blocks are rendering correctly by using a local preview to validate that blocks are styled properly, images load as expected, and the rendered output matches the original page screenshot structure.

Do I need the AEM CLI installed to preview imported web content locally?▼

Yes, you need a local AEM CLI setup and pre-generated HTML files to preview imported web content. The AEM CLI is required to start the local Edge Delivery Services development server for rendering validation.

Why is my AEM local preview not loading the imported HTML files?▼

Your AEM local preview may not load imported HTML files due to missing the `--html-folder` flag or providing incorrect paths. Troubleshooting these common import issues ensures proper rendering in the development server.

What is the best way to compare imported content against the original webpage?▼

The best way to compare imported content against the original webpage is to render the HTML files locally and compare the output structure directly against a screenshot of the original page to ensure layout accuracy.