Skills
.Work. You
Rest

migrate-page-visual

Official

Make KX13 page migrations pixel-perfect

Software Engineering#migration#playwright#visual regression#pixel-perfect#dynamic content#responsive layout#css fixes
AuthorKentico
Version1.0.0
Installs0

System Documentation

What problem does it solve?

It fixes visual mismatches after migrating a Kentico Xperience 13 page so the new Xperience by Kentico page renders identically.

Core Features & Use Cases

  • Playwright-based visual comparison: Screenshots and diffs legacy vs migrated pages to locate layout, typography, spacing, and media discrepancies.
  • Iterative page correction: Applies targeted fixes in the XbyK project (prefer CSS/styling) while preserving the page’s existing behavior.
  • No hardcoding of dynamic data: Ensures migrated output continues to fetch the same data dynamically rather than freezing it as static content.

Use Case: When a content team reports that a migrated page looks “almost right” (off by spacing, fonts, or alignment), use this skill to drive iterative, verifiable visual corrections until the page is visually identical.

Quick Start

Ask the agent to run migrate-page-visual with the page name, the KX13 legacy page URL, and the XbyK new page URL for Playwright to compare and iterate until the visuals match.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 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: migrate-page-visual
Download link: https://github.com/Kentico/xperience-by-kentico-kenticopilot/archive/main.zip#migrate-page-visual

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 471,000+ vetted skills library on demand.