Skills
.Work. You
Rest

migrate-block

Official

Migrate one component into an AEM block.

Software Engineering#playwright#aem#web migration#visual verification#eds blocks#css scoping#dom decoration
Authoraemcoder
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Migrating a single visual component into AEM Edge Delivery Services (EDS) without breaking the real rendering pipeline or manual verification workflow.

Core Features & Use Cases

  • Content extraction + draft-first authoring: Quickly drafts a .plain.html structure and iteratively refines CSS using a reusable source screenshot for visual comparison.
  • EDS-correct preview verification: Serves a preview page that loads the real EDS framework and validates that the block decorates and loads (via hlx/framework checks).
  • Block-scoped CSS/JS pipeline: Writes scoped CSS and optional DOM decoration JS for the block, while enforcing constraints like loading CSS/JS through the EDS framework and avoiding preview pre-decoration.

Quick Start

Instruct the cone to migrate one block by feeding it the blockName, sourceUrl, id, bounds, and projectPath so it can extract, write drafts, generate block assets, and validate the EDS preview.

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-block
Download link: https://github.com/aemcoder/skills/archive/main.zip#migrate-block

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.