identify-page-structure

Identify section boundaries and content sequences from scraped webpage outputs.

Updated Aug 26, 2025
One-click install
npx skills add https://github.com/aemysites/sagarsane-20250826 --skill identify-page-structure-aemysites
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: identify-page-structure
Source: https://github.com/aemysites/sagarsane-20250826/tree/main/.claude/skills/identify-page-structure
Command: npx skills add https://github.com/aemysites/sagarsane-20250826 --skill identify-page-structure-aemysites

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Manually analyzing a webpage's visual and content structure to prepare for AEM Edge Delivery Services import can be time-consuming and subjective. This Skill automates the identification of section boundaries and content sequences, providing a structured foundation for authoring decisions.

Core Features & Use Cases

  • Two-Level Structural Analysis: Identifies top-level sections based on visual cues and then breaks down each section into distinct content sequences.
  • Neutral Content Description: Provides objective descriptions of content sequences (e.g., "grid of items with images") without prematurely assigning block names.
  • Integrated Block Survey: Invokes the block-inventory skill to provide a palette of available blocks, ensuring authoring decisions are made with full context.
  • Use Case: Before migrating a legacy page, use this Skill to automatically map its complex layout into a clear, hierarchical structure of sections and content sequences, ready for block mapping and content modeling.

Quick Start

Identify the page structure for the provided 'cleaned.html' and 'screenshot.png', including section boundaries, content sequences, and a survey of available blocks.

Frequently Asked Questions about identify-page-structure

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

FAQPage Schema
How do I analyze a webpage's structure before importing it to AEM Edge Delivery Services?

Page structure analysis identifies section boundaries and content sequences from scraped webpages to prepare them for AEM import. This Skill automatically maps visual and content hierarchy into a two-level structure—top-level sections and per-section content sequences—with a block inventory palette, eliminating manual layout deconstruction.

What information does page structure identification provide for content migration?

The Skill produces structured output detailing section boundaries with styling information, content sequences within each section, and an available blocks inventory. This foundation supports authoring decisions by mapping legacy page layouts into a clear hierarchy ready for block mapping and content modeling.

Can I identify content sequences and section boundaries from HTML and screenshots?

Yes. The Skill processes scraped outputs including HTML, screenshots, and metadata to determine section and sequence boundaries. It combines visual cues from screenshots with HTML structure to deliver objective, neutral content descriptions without premature block assignment.

How does page structure analysis support Edge Delivery Services authoring?

By surveying available blocks and mapping page hierarchy upfront, the Skill provides full context for authoring decisions. Teams see section layouts, content patterns, and block options before beginning migration, reducing iteration and ensuring consistent block usage across imported pages.

What's the difference between identifying sections and content sequences?

Sections are top-level visual groupings identified by layout and styling boundaries. Content sequences are distinct content patterns within each section—for example, a grid of items with images. The two-level hierarchy separates structural organization from granular content description.