メニュー
Preview and verify imported content in local AEM Edge Delivery Services dev server. Validates rendering, compares with original page, and troubleshoots common issues.
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
SOC 職業分類に基づく
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.
| 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.