Does it analyze the whole page at once?

No, it is designed to be invoked per section. This granular focus ensures high accuracy when identifying breaking points between different types of content within a specific area.

Why does this skill use neutral descriptions instead of block names?

By describing 'what' is seen (e.g., 'grid of 3 items') rather than 'how' it should be named (e.g., 'Cards block'), it prevents premature implementation decisions and allows for better flexibility in content modeling.

What inputs are required for the decomposition to work?

The skill requires a visual description and boundaries of the section, a screenshot, and the cleaned HTML content for that specific section.

What is the purpose of the page-decomposition skill?

It breaks down a single page section into neutral 'content sequences' to help determine which parts should remain default HTML content and which parts should be converted into specific AEM blocks.

AEM Page Decomposition

Name: AEM Page Decomposition
Author: carlossg

bycarlossg

0•

内容管理

Analyzes content sequences within web page sections to identify structural breaking points for AEM Edge Delivery Services migrations.

AEM Page Decomposition is a specialized skill designed to bridge the gap between raw web content and structured CMS blocks. By analyzing individual page sections, it identifies natural content flows and visual breaking points without making premature authoring decisions. This neutral analysis allows developers and content architects to accurately map legacy web components to modern AEM Edge Delivery Services structures, ensuring a clean and logical migration of content hierarchies based on both visual and HTML data.

主要功能

01Analyzes vertical content flow using screenshots and HTML context

02Provides neutral, block-agnostic descriptions of content sequences

03Detects breaking points between prose content and structured patterns

04Generates structured JSON output for content modeling workflows

05Identifies visual and semantic shifts within individual page sections

060 GitHub stars

使用场景

01Converting legacy website sections into structured AEM blocks

02Establishing a neutral foundation for collaborative content modeling and authoring decisions

03Automating the identification of page patterns during large-scale CMS migrations

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add carlossg/vitamix-poc page-decomposition

For use in Claude.ai and ChatGPT

Download Skill