match-section
OfficialAchieve visual parity between source and replica sections with AI assistance.
AuthorAutomattic
Version1.0.0
Installs0
System Documentation
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.
Dependency Matrix
Required Modules
None requiredComponents
scripts
💻 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: match-section Download link: https://github.com/Automattic/data-liberation-agent/archive/main.zip#match-section Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 620,000+ vetted skills library on demand.