page-decomposition

Analyze web page sections to identify content sequence breaking points.

Updated Mar 27, 2025
One-click install
npx skills add https://github.com/jfoxx/residentportal --skill page-decomposition-jfoxx
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: page-decomposition
Source: https://github.com/jfoxx/residentportal/tree/main/.skills/page-decomposition
Command: npx skills add https://github.com/jfoxx/residentportal --skill page-decomposition-jfoxx

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill breaks down complex web page sections into understandable, neutral descriptions of content sequences, enabling structured content modeling without premature design decisions.

Core Features & Use Cases

  • Content Sequence Identification: Analyzes a single section to identify distinct flows of content (e.g., prose, grids, images).
  • Neutral Description Generation: Provides descriptive text for each sequence, avoiding specific block names.
  • Breaking Point Detection: Pinpoints shifts in content type or structure within a section.
  • Use Case: When migrating a website to a new CMS, this skill helps map existing page layouts to reusable content blocks by describing the visual and semantic structure of each section neutrally.

Quick Start

Use the page-decomposition skill to analyze the provided section screenshot and HTML to generate a list of content sequences.

Frequently Asked Questions about page-decomposition

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

FAQPage Schema
How do I decompose web page sections into neutral content sequences for AEM?

To decompose web page sections into neutral content sequences for AEM, you provide section boundaries, screenshots, and cleaned HTML. The skill analyzes these inputs to identify visual and semantic shifts, generating neutral descriptions of content flows without assigning specific block names.

What is content sequence identification in web page structure analysis?

Content sequence identification in web page structure analysis is the process of detecting distinct flows of content within a section, such as prose, grids, or side-by-side images. It pinpoints breaking points where content types or arrangements shift, enabling structured content modeling.

How do I map existing page layouts to reusable content blocks during a CMS migration?

Mapping existing page layouts to reusable content blocks during a CMS migration requires describing the visual and semantic structure of each section neutrally. This skill analyzes section screenshots and HTML to generate these descriptions, avoiding premature design decisions or specific block names.

What inputs do I need for accurate page decomposition and breaking point detection?

For accurate page decomposition and breaking point detection, you need to provide section boundaries, screenshots of the section, and cleaned HTML content. These inputs allow the skill to precisely identify shifts in content types and generate neutral descriptions.

Does page decomposition assign specific block names for AEM Edge Delivery Services?

Page decomposition for AEM Edge Delivery Services does not assign specific block names. Instead, it focuses on providing neutral descriptions of content types and arrangements, such as prose or grids, to enable structured content modeling without premature design decisions.

Can I use page decomposition for large-scale web scraping and content modeling?

You can use page decomposition for content modeling during large-scale migrations. By analyzing single sections to identify distinct content flows and breaking points, it helps map existing layouts to reusable structures, though it requires section boundaries and cleaned HTML for accurate results.