skills.rest
aemgdc
aemgdcOFFICIAL
Explore all skills by this author →
WebsiteGitHub

snowflake

Convert static HTML pages into Adobe Edge Delivery Services pages with authorable content.

1|Updated Jun 22, 2026
Search Tags:#migration#conversion#aem#edge delivery services#overlay#document authoring#static html
One-click install
npx skills add https://github.com/aemgdc/aemdev --skill snowflake-aemgdc
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: snowflake
Source: https://github.com/aemgdc/aemdev/tree/main/.agents/skills/snowflake
Command: npx skills add https://github.com/aemgdc/aemdev --skill snowflake-aemgdc

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and assets (resource) components.

What problem does it solve? AI-generated static HTML pages (from Stardust, Mobirise, Relume, Lovable, v0, or Figma-derived code) cannot be edited by content authors without losing their original design. This Skill converts such pages into Adobe Edge Delivery Services (EDS) pages while preserving the original DOM and visual design, making text and image content editable in Document Authoring (DA). ## Core Features & Use Cases - Two conversion modes: page-level overlay (original DOM preserved byte-for-byte via a template with data-slot markers) and block-level (each section becomes an independent EDS block with its own JS and CSS). - Seven-phase workflow: substrate installation, source capture, structural analysis with block-level feasibility assessment, artifact generation, wiring into the EDS repo, local and production round-trip verification with a browser health gate, and reflection with learnings capture. - Idempotent substrate installer: brings a vanilla adobe/aem-boilerplate clone up to overlay-capable state, with backups and drift detection. - Use Case: Given a polished landing page URL generated by an AI tool, run the conversion to produce a DA-editable page on an aem.page preview branch whose rendered DOM matches the source 1:1, verified by an automated DOM-equality check. ## Quick Start Ask the agent to convert https://example.com/promo to an EDS page while keeping the original design intact and making the content editable in DA.

Frequently Asked Questions about snowflake

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

FAQPage Schema
How do I convert a static HTML page to Edge Delivery Services?▼

Provide the source URL of the static page and invoke the conversion workflow from the target EDS repository root. The skill captures the source, analyzes its structure, generates overlay or block artifacts, wires them into the repo, and verifies the result on a preview branch.

What is the difference between page-level and block-level EDS conversion?▼

Page-level conversion preserves the original DOM byte-for-byte using an overlay template with data-slot markers, so only text and images become authorable. Block-level conversion turns each content section into an independent EDS block with its own decorate function and CSS, producing more standard EDS output.

When should I use block-level instead of page-level conversion?▼

Use block-level when sections are structurally independent with scoped CSS and no cross-section JavaScript coupling. Pages with more than 8 sections or over 100 slottable elements are auto-switched to block-level because page-level risks incomplete content extraction at that scale.

Does this skill work with a vanilla aem-boilerplate repository?▼

Yes. An idempotent installer brings a vanilla adobe/aem-boilerplate clone up to overlay-capable state by adding the overlay engine, header and footer fragment loaders, and lifecycle CSS. Replaced files are backed up, and subsequent runs detect the installed substrate and skip installation.

Why do images in DA cells need absolute URLs?▼

Media Bus only resolves absolute image URLs, so DA cell images must use full branch URLs like https://branch--repo--owner.aem.page/assets/.... Root-relative paths work in templates and fragments but fail in DA cells, producing broken images at render time.

When should I not use this skill for EDS migration?▼

Do not use it for canonical EDS block-rewrite migrations where visual fidelity to the source is not required; that is the page-import skill's job. Snowflake specifically preserves the source design, so standard rewrites into EDS block patterns are out of scope.

Related Skills

Explore More Software Engineering Skills→
aemcoderaemcoder
2

snowflake

Convert static HTML pages into Adobe Edge Delivery Services overlay pages.

Official
Advanced
Permit-JunctionPermit-Junction

da-content-authoring

Guide users through creating and editing pages, blocks, sections, and media in the DA web-based editor for AEM Edge Delivery Services.

Official
Intermediate
aemcoderaemcoder
2

eds-da-content

Generate and validate Adobe DA and EDS compatible HTML and media references.

Official
Basic
aemcoderaemcoder
2

migrate-block

Migrate a visual component into an AEM EDS block with authored HTML, scoped CSS, and preview verification.

Official
Advanced