preview-import

Validate imported HTML rendering against the original page during local preview.

Updated Dec 11, 2025

Search Tags:#testing #html #rendering #verification #preview #aem #import

Ready to run

npx skills add https://github.com/paul-hosking-cdw-com/da-with-ue-demo --skill preview-import-paul-hosking-cdw-com

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: preview-import
Source: https://github.com/paul-hosking-cdw-com/da-with-ue-demo/tree/main/.claude/skills/preview-import
Command: npx skills add https://github.com/paul-hosking-cdw-com/da-with-ue-demo --skill preview-import-paul-hosking-cdw-com

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Preview and verify imported content in the local development server. Validates rendering, compares with original page, and troubleshoots common issues.

Core Features & Use Cases

Open and inspect the locally imported HTML against the original page structure.
Verify visual rendering, asset loading, and metadata presence during development.
Use with generate-import-html and scrape-webpage to streamline a preview workflow.

Quick Start

Open the local development server and start validating the imported page with the dedicated workflow instructions.

Frequently Asked Questions about preview-import

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

FAQPage Schema

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

To verify imported HTML rendering locally, validate the imported file's structure and visual output against a screenshot of the original page to catch any rendering discrepancies during your local preview.

What files do I need to preview and validate imported AEM content?▼

To preview and validate imported AEM content, you need an HTML file at the expected path, an images folder, a screenshot for visual comparison, and a correct documentPath for URL construction.

How do I troubleshoot rendering discrepancies during local HTML preview?▼

Troubleshoot rendering discrepancies by inspecting the locally imported HTML against the original page structure, verifying visual rendering, checking asset loading from the images folder, and confirming metadata presence during development.

Can I use a local preview workflow with generate-import-html and scrape-webpage?▼

Yes, you can use this with generate-import-html and scrape-webpage to streamline your preview workflow, allowing you to open the local development server and validate the imported page effectively.

Why does my imported content fail the prerequisite checks for local preview?▼

Imported content fails prerequisite checks when the expected HTML file is missing, the images folder is absent, the comparison screenshot cannot be found, or the documentPath is incorrect for URL construction.