skills.rest
Permit-Junction
Permit-JunctionOFFICIAL
Explore all skills by this author →
GitHub

preview-import

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
One-click install
npx skills add https://github.com/Permit-Junction/permitjunction-website --skill preview-import-permit-junction
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Software Engineering Skills→
adobeadobe
162

preview-import

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

Official
Advanced
trielofftrieloff

page-import

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

Community
Intermediate
ak8458ak8458

preview-import

Preview and validate imported HTML rendering in a local AEM Edge Delivery Services dev server.

Community
Intermediate
thojavathojava

preview-import

Verify local HTML previews against original pages using AEM CLI.

Community
Intermediate