identify-page-structure

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.