generate-import-html

Generate deterministic HTML fragments from authoring analysis for AEM Edge Delivery Services.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill generates a ready-to-use HTML fragment from authoring analysis for AEM Edge Delivery Services, creating a structured section layout, applying block styling, and ensuring metadata and image assets are properly managed.

Core Features & Use Cases

  • Generate per-section <div> wrappers and blocks with class names for consistent rendering.
  • Apply validated section metadata decisions and include section-metadata blocks when needed.
  • Manage images by placing an images folder next to the HTML file and updating image references accordingly.

Quick Start

Run the generator against your authoring-analysis results to produce a ready HTML fragment with section structure, blocks, metadata, and images.

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 HTML for AEM Edge Delivery from authoring analysis?

To generate import HTML for AEM Edge Delivery, the skill processes authoring analysis to produce a deterministic HTML fragment. It automatically applies section structure, block styling, and validated section metadata to ensure the output matches the identified page layout.

What is the process for converting authoring analysis into section structure and blocks?

Converting authoring analysis into section structure involves wrapping content in per-section <div> elements and applying specific class names to blocks. This ensures consistent rendering and proper block styling within the AEM Edge Delivery Services framework.

How do I manage images and section metadata when migrating HTML to AEM Edge Delivery?

Managing images for AEM Edge Delivery HTML migration involves placing an images folder next to the HTML file and updating image references accordingly. The skill also includes section-metadata blocks when needed to apply validated metadata decisions.

Can I use this skill to validate page structure against my generated HTML fragment?

Yes, you can validate page structure against your generated HTML fragment. The skill validates the final HTML output against the identified page structure to ensure the section layout and blocks accurately reflect the original authoring analysis.

What is the best way to create drop-in ready HTML fragments for AEM Edge Delivery Services?

The best way to create drop-in ready HTML fragments for AEM Edge Delivery Services is to run a deterministic generator against your authoring analysis. This ensures consistent section wrappers, block class names, and correct image asset management in a single step.