skills.rest
paul-hosking-cdw-com
paul-hosking-cdw-comCOMMUNITY
Explore all skills by this author →
GitHub

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
One-click install
npx skills add https://github.com/paul-hosking-cdw-com/da-with-ue-demo --skill preview-import-paul-hosking-cdw-com
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Software Engineering Skills→
mhaackmhaack

preview-import

Validate imported HTML rendering on the local AEM Edge Delivery Services development server.

Community
Intermediate
ak8458ak8458

preview-import

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

Community
Intermediate
pragyaP17pragyaP17

preview-import

Start the local AEM dev server and preview imported HTML for verification.

Community
Basic
r3dlexr3dlex
2

visual-verdict

Compare UI screenshots against reference images to detect layout, style, and content discrepancies.

Community
Intermediate