メニュー
Preview and verify imported content in local AEM Edge Delivery Services dev server. Validates rendering, compares with original page, and troubleshoots common issues. Use when this capability is needed.
デフォルトでは、最初にソースを確認する Prompt が選択されています。直接コマンドに切り替えるか、ローカルコピーをダウンロードすることもできます。
インストールを決める前に、SKILL.md と SkillsMP に表示されている付属ファイルをお読みください。
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
直接コマンドでは確認用 Prompt が省略されます。実行前にソースを確認してください。
npx skills add https://github.com/tomevault-io/skills-registry --skill preview-importコマンドは1行のまま表示されます。コピー前に横へスクロールして全体を確認してください。
ローカルで確認しますか？SkillsMP が現在取得できるファイルをダウンロードできます。
SKILL.md を表示中
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. Use when this capability is needed. |
| metadata | {"author":"adobe"} |
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:
../page-import/resources/html-structure.md for format guidanceImages 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.
Converted and distributed by TomeVault — claim your Tome and manage your conversions.