match-section

Apply captured design data to WordPress block markup for visual parity.

31|3|Updated Mar 31, 2026
One-click install
npx skills add https://github.com/Automattic/data-liberation-agent --skill match-section
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: match-section
Source: https://github.com/Automattic/data-liberation-agent/tree/main/skills/match-section
Command: npx skills add https://github.com/Automattic/data-liberation-agent --skill match-section

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

This Skill addresses the challenge of achieving visual parity between sections of a source site and their replicas in WordPress, by using AI to apply captured design data and iteratively refine the visual match.

Core Features & Use Cases

  • Visual Parity: Guides AI to apply design data to WordPress block markup, ensuring visual identity between source and replica sections.
  • Iterative Refinement: Performs an eyes-on loop to verify and iterate until visual parity is achieved.
  • Use Case: Ideal for designers and developers who need to replicate complex web designs in WordPress, ensuring that the visual experience is consistent across platforms.

Quick Start

Run the 'match-section' skill to apply captured design data to a specific section of your replica site and iterate until visual parity is achieved.

Frequently Asked Questions about match-section

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

FAQPage Schema
How do I achieve visual parity when replicating web sections in WordPress?

To achieve visual parity in WordPress, you can use AI assistance to apply captured design data to block markup. The AI performs an iterative visual verification loop, refining the replica section until it matches the source design.

What is the best way to match source design data to WordPress block markup?

The best way to match source design data to WordPress block markup is by guiding AI to apply the captured styles iteratively. This eyes-on loop verifies and adjusts the visual output until exact design parity is achieved.

Does AI design replication work for complex sections across different platforms?

AI design replication works for complex sections across platforms by applying captured design data to WordPress block markup. It performs iterative visual verification and adjustment to ensure the visual experience remains consistent.

How does iterative visual verification work for section replication?

Iterative visual verification works by applying captured design data to WordPress block markup and then running an eyes-on loop. The AI repeatedly checks and adjusts the visual output until the replica matches the source section.

Can I use AI to ensure visual identity between a source site and a WordPress replica?

You can use AI to ensure visual identity between a source site and a WordPress replica by applying captured design data to block markup. The AI iteratively refines the visual match to maintain consistency across platforms.

What should I do if my WordPress section replication does not match the source design?

If your WordPress section replication does not match the source design, you should continue the iterative visual verification loop. The AI adjusts the block markup based on captured design data until visual parity is successfully achieved.