identify-page-structure

Detect section boundaries and content sequences in scraped webpage output.

Updated Sep 18, 2025
One-click install
npx skills add https://github.com/pragyaP17/universal-editor --skill identify-page-structure-pragyap17
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: identify-page-structure
Source: https://github.com/pragyaP17/universal-editor/tree/main/.claude/skills/identify-page-structure
Command: npx skills add https://github.com/pragyaP17/universal-editor --skill identify-page-structure-pragyap17

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Manually identifying logical sections and content groupings within a complex webpage for AEM Edge Delivery Services migration is time-consuming and subjective. This skill automates a two-level structural analysis to provide objective insights.

Core Features & Use Cases

  • Two-Level Analysis: Identifies top-level section boundaries (visual/thematic breaks) and then detailed content sequences within each section.
  • Visual Cues & Exclusion: Guides identification using background changes, spacing, and thematic shifts, while excluding header/footer.
  • Neutral Content Descriptions: Provides objective descriptions of content sequences (e.g., "grid of items with images") without premature block naming.
  • Block Inventory Integration: Surveys available blocks before any authoring decisions are made, providing crucial context for content mapping.

Quick Start

Use the identify-page-structure skill to analyze the 'cleaned.html' and 'screenshot.png' from the scraped page, documenting all 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 for AEM Edge Delivery Services migration?

Identify page structure by detecting section boundaries and content sequences in scraped webpage output. The skill analyzes HTML, screenshots, and metadata to produce a two-level hierarchy mapping sections, describing their content sequences, and listing available blocks for informed authoring decisions.

What's the difference between section boundaries and content sequences?

Section boundaries are top-level divisions based on visual or thematic breaks like background changes and spacing. Content sequences are detailed groupings within each section, such as grids or lists, described neutrally without premature block naming.

Can I use page structure analysis to inform content block decisions?

Yes. The skill surveys available blocks before authoring decisions are made, providing block inventory context alongside section and content descriptions to guide authentic mapping of content to AEM components.

How do I prepare webpage data for structural analysis?

Use the scrape-webpage workflow to generate cleaned HTML and screenshot output. Feed both artifacts into the identify-page-structure skill along with available metadata to begin two-level structural decomposition.

What content does the skill exclude from section analysis?

Headers and footers are excluded from section boundary detection. The skill focuses on primary page content and thematic groupings, using visual cues like spacing and background changes to guide section identification.