Menú
Preview and verify imported content in local AEM Edge Delivery Services dev server. Validates rendering, compares with original page, and troubleshoots common issues.
Instalar con Codex o Claude Copia este prompt, pégalo en Codex, Claude u otro asistente, y deja que revise la página de la skill y la instale por ti.
Basado en la clasificación ocupacional SOC
| name | preview-import |
| description | Preview and verify imported content in local AEM Edge Delivery Services dev server. Validates rendering, compares with original page, and troubleshoots common issues. |
| license | Apache-2.0 |
| metadata | {"version":"2.0.0"} |
Open and verify imported content in local development server.
Use this skill when:
Invoked by: page-import skill (Step 5)
From previous skills, you need:
Determine the folder from metadata.json:
paths.dirPath from metadata.json (e.g., /us)Command:
aem up --html-folder {dirPath}
Examples based on imported content location:
| HTML File Location | Command | Preview URL |
|---|---|---|
us/en.plain.html | aem up --html-folder us | http://localhost:3000/us/en |
products/widget.plain.html | aem up --html-folder products | http://localhost:3000/products/widget |
blog/2024/post.plain.html | aem up --html-folder blog | http://localhost:3000/blog/2024/post |
Why this is required:
--html-folder, AEM CLI proxies requests to the remote serverFor most files, use the document path directly:
http://localhost:3000${documentPath}
Example:
us/en/about.plain.htmlhttp://localhost:3000/us/en/aboutIMPORTANT: For index files, use / instead of /index:
If file is: index.plain.html
Preview at: http://localhost:3000/
NOT: http://localhost:3000/index
Note: If you used --html-folder flag (e.g., aem up --html-folder drafts), prepend that folder to the URL:
File: drafts/test.plain.html
URL: http://localhost:3000/drafts/test
Use paths.documentPath from metadata.json, but for index files ensure the path is / not /index
Check the following:
<meta> tags)Side-by-side comparison:
./import-work/screenshot.png alongside browser previewBlocks don't render correctly:
Images not loading:
./images/... format./import-work/images/Raw HTML visible:
blocks/ directoryMetadata not in page source:
<meta> tags in <head>Dev server not running:
aem upPage not found (404):
--html-folder flag - restart server with aem up --html-folder {dirPath}/index not /This skill provides:
Import complete when all verification points pass.
CRO lens — are real users excluded from converting by contrast, target size, focus, or semantics? Surveyed by the Analyst.
CRO lens — does the wording lead with the visitor's value, specifically and concretely? Surveyed by the Analyst.
CRO lens — is the primary action obvious, singular, and labeled with a value-bearing verb? Surveyed by the Analyst.
CRO lens — what steps, fields, or hesitation points stand between intent and completion? Surveyed by the Analyst.
CRO lens — is slowness (LCP/CLS/INP) the thing suppressing conversion? Surveyed by the Analyst.
CRO lens — does the block show that others already chose this, at the moment of decision? Surveyed by the Analyst.