Skills
.Work. You
Rest

compose-page-blocks

Official

Streamline page content composition for WordPress blocks from HTML.

Design & Creative#WordPress#content-migration#block composition#html-to-blocks#layout transformation
AuthorAutomattic
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Manages the creation of WordPress block markup for content derived from rendered HTML, enhancing efficiency in content migration and transformation processes.

Core Features & Use Cases

  • Automated Markup Creation: Generates valid block markup for WordPress based on HTML and screenshots, facilitating efficient page migration.
  • Visual-to-Code Conversion: Maps visual layout to core WordPress blocks for better content consistency across different platforms.
  • Use Case: When transitioning a webpage to WordPress, use this skill to convert the rendered HTML into corresponding block structure.

Quick Start

Utilize the compose-page-blocks skill by running compose-page-blocks extract --html <htmlPath> --screenshot <screenshotPath> for input files.

Dependency Matrix

Required Modules

None required

Components

scriptsreferences

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: compose-page-blocks
Download link: https://github.com/Automattic/data-liberation-agent/archive/main.zip#compose-page-blocks

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 620,000+ vetted skills library on demand.