preview-import

Verify imported HTML rendering against the original in AEM Edge Delivery Services.

Updated Apr 18, 2026
One-click install
npx skills add https://github.com/Royincog/cpedia --skill preview-import-royincog
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: preview-import
Source: https://github.com/Royincog/cpedia/tree/main/.agents/skills/preview-import
Command: npx skills add https://github.com/Royincog/cpedia --skill preview-import-royincog

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Preview and verify imported content in a local AEM Edge Delivery Services development server, helping you catch rendering issues before deployment.

Core Features & Use Cases

  • Validate that locally imported HTML renders as expected against the original page.
  • Quickly identify visual or structural discrepancies and troubleshoot issues in a repeatable local workflow.
  • Integrate with existing import workflows to streamline QA for content deployments.

Quick Start

Run the preview-import skill to start a local preview session for your imported content and verify rendering.

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 content locally in AEM Edge Delivery Services?

To preview imported content locally, you need a running AEM Edge Delivery Services development server and a defined documentPath with a reachable preview URL to perform side-by-side visual checks against the original rendering.

How do I verify imported HTML rendering against the original page?

Verifying imported HTML rendering involves starting your local proxy, generating or importing the HTML, and using side-by-side visual checks with screenshots to compare the local rendering against the original page.

Do I need a local AEM dev environment to troubleshoot rendering issues?

Yes, you need a running local AEM dev environment to troubleshoot rendering issues, as the verification process requires a reachable preview URL and a defined documentPath to report mismatches.

What is the best way to identify visual discrepancies in imported content?

The best way to identify visual discrepancies in imported content is to run a local preview session that captures screenshots and reports mismatches between your locally imported HTML and the original rendering.

Why does my local preview show mismatches after importing HTML?

Local preview mismatches occur when imported HTML does not render as expected against the original page, requiring you to troubleshoot structural or visual discrepancies within your local AEM Edge Delivery Services development workflow.

Can I integrate content verification into my existing AEM import workflow?

Yes, you can integrate side-by-side visual checks and screenshot comparisons into your existing import workflows to streamline QA and catch rendering issues before content deployment.