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

generate-import-html

Generate structured HTML sections from authoring analysis for AEM Edge Delivery Services.

Updated Aug 26, 2025
Search Tags:#metadata#AEM#image management#web migration#HTML generation#Edge Delivery Services#content import
One-click install
npx skills add https://github.com/aemysites/sagarsane-20250826 --skill generate-import-html-aemysites
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: generate-import-html
Source: https://github.com/aemysites/sagarsane-20250826/tree/main/.claude/skills/generate-import-html
Command: npx skills add https://github.com/aemysites/sagarsane-20250826 --skill generate-import-html-aemysites

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Manually converting scraped webpage content and authoring decisions into structured HTML for AEM Edge Delivery Services can be tedious and error-prone, especially when dealing with complex section structures, block applications, and metadata requirements. This Skill automates the HTML generation process.

Core Features & Use Cases

  • Structured HTML Generation: Creates clean, section-based HTML, applying block structures and default content based on authoring analysis.
  • Intelligent Metadata Handling: Generates a page metadata block by mapping extracted metadata, leveraging platform defaults, and avoiding redundancy.
  • Automated Image Management: Correctly places and references images by determining the optimal folder location relative to the HTML file.
  • Use Case: After analyzing a legacy webpage, use this Skill to automatically produce the .plain.html file and organize its associated images, ready for direct import into an AEM Edge Delivery Services project.

Quick Start

Generate the import HTML for the page based on the provided authoring analysis and metadata.json. Ensure all content is included and images are correctly placed.

Frequently Asked Questions about generate-import-html

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

FAQPage Schema
How do I generate import-ready HTML for AEM Edge Delivery Services from webpage content?▼

Generate import-ready HTML by converting authoring analysis and metadata into structured section-based HTML with block containers, standardized class names, and image references. The output produces a `.plain.html` file organized with per-section divs, optional metadata blocks, and migrated content ready for direct AEM import.

What structure should my HTML follow when migrating content to AEM Edge Delivery Services?▼

HTML should be organized as section-based divs with block containers using standardized class names, include optional section-metadata blocks mapping extracted metadata, reference migrated images with correct folder paths relative to the HTML file, and exclude head, header, or footer wrappers to match AEM Edge Delivery Services requirements.

Can I automate image placement when converting webpage content to AEM?▼

Yes. The process automatically determines optimal image folder locations relative to the HTML file and correctly places image references within the migrated content, eliminating manual path configuration during the web migration.

When should I generate HTML after completing webpage analysis for AEM import?▼

Generate HTML after authoring analysis is complete, section styling decisions are validated, and metadata and images are prepared. This ensures all content structure decisions are finalized before producing the import-ready output.

How do I validate that my generated HTML matches the original page structure?▼

The process validates that the number of generated sections matches the identified page structure during authoring analysis, ensuring structural fidelity without requiring manual section counting or verification.

Does this approach work for complex multi-section webpages with varied content blocks?▼

Yes. It handles complex section structures and block applications by applying block structures and default content based on authoring analysis, generating clean section-based HTML with proper block containers for pages of any structural complexity.

Related Skills

Explore More Software Engineering Skills→
aemysitesaemysites

generate-import-html

Generate structured HTML sections from authoring analysis for AEM Edge Delivery Services.

Official
Intermediate
paolomozpaolomoz

preview-import

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

Community
Intermediate
salvamolasosalvamolaso

scrape-webpage

Extract webpage content, metadata, and images for AEM Edge Delivery migration.

Community
Intermediate
robotostudiorobotostudio
172

portable-text-conversion

Convert HTML and Markdown content into Portable Text blocks for Sanity.

Official
Advanced