Skills
.Work. You
Rest

match-page

Official

Achieve pixel-perfect design parity across pages with a parity log for consistency.

Design & Creative#iteration#design consistency#web design#visual parity#page assessment
AuthorAutomattic
Version1.0.0
Installs0

System Documentation

What problem does it solve?

The Skill addresses the challenge of achieving visual parity across web pages, particularly in cases where design inconsistencies occur during reconstruction.

Core Features & Use Cases

  • Visual Parity Assessment: Measures and assesses visual consistency between the built page and the source screenshot.
  • Parity Log Replay: Re-applies previous parity work when reconstructing pages to maintain consistency.
  • Iterative Section Matching: Focuses on divergent sections and applies fixes until visual parity is achieved.
  • Use Case: If a page has been reconstructed and there are design inconsistencies, this Skill can be used to identify and fix those issues, ensuring that the final page matches the original design.

Quick Start

Use the match-page skill to assess the visual parity of the page 'homepage' in the 'example.com' site.

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: match-page
Download link: https://github.com/Automattic/data-liberation-agent/archive/main.zip#match-page

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.