compose-page-blocks

To convert HTML to WordPress block markup for content migration, this Skill transforms rendered HTML content into structured block markup using predefined templates and styling rules. It parses the provided HTML and maps the visual layout to corresponding core WordPress blocks.

Mapping visual HTML layouts to core WordPress blocks is achieved through visual-to-code conversion within this Skill. It aligns visual content across web platforms by translating the visual layout from the rendered HTML and screenshots into a valid WordPress block structure.

Yes, you can use a screenshot alongside HTML to generate WordPress block markup. The Skill accepts both an HTML file path and a screenshot path as inputs, utilizing the visual reference to facilitate accurate layout transformation and block composition.

No specific WordPress plugins are required as dependencies for this HTML to blocks conversion. The Skill operates independently using scripts and references to parse the rendered HTML and generate valid block markup based on predefined styling rules.

To run the compose-page-blocks script and extract WordPress blocks from HTML, execute the command `compose-page-blocks extract --html <htmlPath> --screenshot <screenshotPath>`. This initiates the parsing process to transform your input files into structured block markup.

Limitations when transforming complex HTML structures into WordPress blocks exist due to the reliance on predefined templates and styling rules. The parsing and styling manipulation operate within provided constraints, meaning highly customized or non-standard HTML elements may not map perfectly to core blocks.