skills.rest
aemsites
aemsitesOFFICIAL
Explore all skills by this author →
WebsiteGitHub

identify-page-structure

Identify page sections and content sequences from screenshots and cleaned HTML.

Updated Aug 23, 2026
Search Tags:#automation#content analysis#page structure#block inventory#aem edge delivery#web migration#section identification
One-click install
npx skills add https://github.com/aemsites/koassets --skill identify-page-structure
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: identify-page-structure
Source: https://github.com/aemsites/koassets/tree/main/.claude/skills/identify-page-structure
Command: npx skills add https://github.com/aemsites/koassets --skill identify-page-structure

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill automates the initial, tedious phase of content migration by accurately identifying section boundaries and content sequences on any webpage, providing a structured foundation for subsequent authoring decisions. It eliminates the guesswork in breaking down complex layouts.

Core Features & Use Cases

  • Two-Level Structure Analysis: Breaks down pages into top-level sections and then detailed content sequences within each section, mirroring AEM's content hierarchy.
  • Visual Cue Interpretation: Uses screenshots to interpret visual breaks, background changes, and thematic shifts, ensuring accurate and logical sectioning.
  • Block Inventory Integration: Surveys available blocks (both local project blocks and common Block Collection components) to provide essential context for subsequent authoring analysis.
  • Use Case: When migrating a complex webpage, use this skill to automatically generate a detailed structural breakdown, including potential section styles and neutral content groupings, before any manual authoring decisions are made, streamlining the entire process.

Quick Start

Use the identify-page-structure skill to analyze the provided screenshot and cleaned HTML, and output the page's section boundaries and content sequences.

Frequently Asked Questions about identify-page-structure

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

FAQPage Schema
How do I identify page structure and section boundaries when migrating a website?▼

Page structure identification breaks down complex webpages into top-level sections and content sequences by analyzing screenshots and HTML to reveal visual breaks, styling changes, and thematic shifts. This automated analysis provides a structured foundation for migration planning before manual authoring work begins.

Can I automate content analysis for web migration using page screenshots and HTML?▼

Yes. Automated page structure analysis processes cleaned HTML and screenshots together to detect section boundaries, content groupings, and visual cues, eliminating manual guesswork and accelerating the initial phase of complex webpage migrations.

What is a two-level content hierarchy and why does it matter for web migration?▼

A two-level hierarchy organizes pages into top-level sections with nested content sequences inside each, mirroring AEM's content model. This structure mirrors how content is authored and managed, making migration planning and authoring decisions more logical and efficient.

How do I use block inventory to support content migration decisions?▼

Block inventory surveys available components—both local project blocks and common Block Collection elements—providing essential context for authoring analysis. This mapping guides which blocks fit each content sequence before manual authoring begins.

What inputs do I need to analyze a webpage's structure and layout?▼

Structure analysis requires three inputs: a screenshot to interpret visual cues and spacing, cleaned HTML containing the page markup, and metadata.json with additional context. These together enable accurate section boundary detection and content sequence extraction.

Does automated page structure analysis work with AEM Edge Delivery?▼

Yes. Structure identification is designed to support AEM Edge Delivery workflows by providing neutral, detailed section breakdowns and block palette context that feed directly into authoring decisions and downstream block-inventory steps specific to Edge Delivery projects.

Related Skills

Explore More Software Engineering Skills→
arbory-digital-incarbory-digital-inc

identify-page-structure

Detect section boundaries and content sequences in scraped webpage outputs.

Official
Basic
adobe-summit2026-l613adobe-summit2026-l613

authoring-analysis

Analyze content sequences to choose default content or blocks for AEM Edge Delivery Services migrations.

Official
Intermediate
thojavathojava

authoring-analysis

Classify content sequences as default content or structured blocks for AEM Edge Delivery imports.

Community
Advanced
Permit-JunctionPermit-Junction

identify-page-structure

Identifies section boundaries and content sequences within scraped webpages for AEM import.

Official
Intermediate