skills.rest
aemysites
aemysitesOFFICIAL
Explore all skills by this author →
GitHub

preview-import

Verifies imported HTML in a local DEV environment via automated checks and guided troubleshooting steps.

Updated Aug 26, 2025
Search Tags:#web development#troubleshooting#validation#preview#AEM#import#Edge Delivery Services
One-click install
npx skills add https://github.com/aemysites/sagarsane-20250826 --skill preview-import
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: preview-import
Source: https://github.com/aemysites/sagarsane-20250826/tree/main/.claude/skills/preview-import
Command: npx skills add https://github.com/aemysites/sagarsane-20250826 --skill preview-import

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Manually verifying imported content in a local AEM dev server can be time-consuming and error-prone, especially when dealing with rendering issues, layout discrepancies, or missing assets. This Skill automates the verification process and provides clear troubleshooting steps.

Core Features & Use Cases

  • Automated Preview Setup: Guides you to start your local AEM dev server and navigate to imported content.
  • Comprehensive Validation: Checks block rendering, layout accuracy (against original screenshots), image loading, raw HTML presence, and metadata.
  • Guided Troubleshooting: Offers solutions for common issues like incorrect block rendering, missing images, raw HTML, and 404 errors.
  • Use Case: After importing a legacy page, use this Skill to quickly launch a local preview, visually compare it against the original screenshot, and get guided steps to fix any rendering or asset loading problems.

Quick Start

Use the preview-import skill to verify the imported content for the page at '/us/en/about'.

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 in a local AEM Edge Delivery Services development server?▼

Preview imported content by running your local AEM dev server with `aem up`, then navigate to the URL derived from your documentPath. The preview-import skill guides you through launching the server and accessing your imported page to verify rendering and assets.

How do I verify that imported AEM content renders correctly compared to the original page?▼

Use preview-import to compare your local preview against the original screenshot. The skill validates block rendering, layout accuracy, image loading, and metadata to identify rendering discrepancies between imported and source content.

What should I check when troubleshooting missing images or incorrect block styling in imported AEM content?▼

Preview-import provides guided troubleshooting for common issues including incorrect block rendering, missing images, raw HTML display, and 404 errors. It checks asset loading and block styling to pinpoint and resolve rendering problems.

Do I need to generate an HTML file before using preview-import to validate imported content?▼

Yes. Preview-import applies after you've generated an HTML file using generate-import-html. The skill then previews and verifies that generated content in your local AEM development environment.

Can preview-import validate metadata and raw HTML alongside visual rendering for imported pages?▼

Yes. Preview-import performs comprehensive validation that checks block rendering, layout accuracy, image loading, raw HTML presence, and metadata to ensure complete correctness of imported content.

Related Skills

Explore More Software Engineering Skills→
adobeadobe
162

page-import

Import a single webpage into AEM Edge Delivery Services as structured HTML.

Official
Intermediate
ak8458ak8458

preview-import

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

Community
Intermediate
adobeadobe
162

preview-import

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

Official
Advanced
salvamolasosalvamolaso

preview-import

Preview imported HTML content in a local AEM Edge Delivery dev server.

Community
Basic