generate-import-html

Generate section-structured HTML with blocks and metadata for AEM Edge Delivery Services.

Updated Sep 18, 2025
One-click install
npx skills add https://github.com/pragyaP17/universal-editor --skill generate-import-html-pragyap17
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: generate-import-html
Source: https://github.com/pragyaP17/universal-editor/tree/main/.claude/skills/generate-import-html
Command: npx skills add https://github.com/pragyaP17/universal-editor --skill generate-import-html-pragyap17

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Manually converting scraped content into the precise HTML structure required for AEM Edge Delivery Services is error-prone and time-consuming. This skill automates the generation of structured HTML, including blocks and metadata.

Core Features & Use Cases

  • Structured HTML Generation: Creates clean, section-based HTML with blocks and default content, adhering to AEM CLI requirements.
  • Section Metadata Application: Applies validated styling decisions to sections for consistent presentation.
  • Page Metadata Integration: Generates a metadata block from extracted SEO and social properties, optimizing for platform defaults.
  • Image Folder Management: Correctly copies and references images, ensuring they are accessible in the local development environment.

Quick Start

Use the generate-import-html skill to create the HTML file for the page '/us/en/about', applying all authoring decisions and including the page metadata.

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 structured HTML for AEM Edge Delivery imports?

Generate structured HTML by providing complete authoring analysis with section styling decisions, metadata, cleaned HTML, and fetched block structures. The skill outputs section-based HTML with nested block divs and optional section metadata, ready for AEM Edge Delivery import workflows without truncation.

What input do I need before generating import-ready HTML?

You need complete authoring analysis for all sequences, validated section styling decisions, a metadata.json file, cleaned HTML content, and fetched block structures. These prerequisites ensure the skill can generate faithful, complete HTML output for preview and import.

Can I automate image management when creating HTML for AEM Edge Delivery?

Yes. The skill correctly copies and references images within the HTML generation process, ensuring images are accessible in the local development environment and properly linked in the structured output.

How does section metadata get applied to generated HTML?

Section metadata is generated from validated styling decisions and integrated directly into the HTML structure. This applies consistent presentation rules across sections in the AEM Edge Delivery format.

What does the output HTML structure look like for AEM Edge Delivery?

Output is content as top-level divs with nested block divs and optional section metadata. This structure adheres to AEM CLI requirements for clean, section-based HTML that satisfies import workflows.

Do I need to manually structure blocks and metadata for import?

No. The skill automates block structuring and generates a metadata block from extracted SEO and social properties, eliminating manual conversion and reducing error-prone formatting steps.