identify-page-structure

Detect section boundaries and content sequences in scraped webpage outputs.

3|Updated Apr 17, 2025
One-click install
npx skills add https://github.com/arbory-digital-inc/sas-demo --skill identify-page-structure-arbory-digital-inc
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: identify-page-structure
Source: https://github.com/arbory-digital-inc/sas-demo/tree/main/.claude/skills/identify-page-structure
Command: npx skills add https://github.com/arbory-digital-inc/sas-demo --skill identify-page-structure-arbory-digital-inc

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill identifies the structural layout of a scraped webpage by first locating section boundaries and then analyzing the content sequences within each section. It provides a structured outline to guide subsequent authoring and decomposition steps.

Core Features & Use Cases

  • Two-level analysis to detect top-level sections and internal content sequences per section.
  • Neutral outputs detailing section boundaries and per-section sequences to inform page-import and authoring decisions.
  • Designed to integrate with the page-import, page-decomposition, and block-inventory workflows in the SAS Edge Delivery workflow.

Quick Start

Use the identify-page-structure skill on a scraped page with inputs screenshot.png, cleaned.html, and metadata.json to generate section boundaries and per-section content sequence outlines.

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 section boundaries and content sequences in a scraped webpage?

To identify section boundaries in a scraped webpage, apply a two-level analysis to the screenshot and cleaned HTML to detect top-level sections and map their internal content sequences. This generates neutral, section-by-section structural outlines for authoring decisions.

What is webpage structure decomposition and when do I need it?

Webpage structure decomposition is the process of locating section boundaries and analyzing the content sequences within each section. You need it when planning content blocks and authoring decisions for scraped webpage outputs like screenshots and cleaned HTML.

How do I outline sections from cleaned HTML and screenshots for content planning?

You outline sections by analyzing cleaned HTML, screenshots, and metadata together to locate structural boundaries and sequences. This produces a structured outline detailing the hierarchical layout to guide subsequent page-import and decomposition steps.

Can I use this page structure identification approach for block inventory workflows?

Yes, you can use this page structure identification approach for block inventory workflows. It is specifically designed to integrate with the page-import, page-decomposition, and block-inventory workflows in the SAS Edge Delivery workflow.

What inputs do I need to detect webpage section boundaries and content flow?

You need a scraped webpage package containing screenshot.png, cleaned.html, and metadata.json. These inputs provide the visual layout, structural markup, and contextual data required to detect section boundaries and map internal content flow.