Skills
.Work. You
Rest

AEM Block Development

Community

Implement AEM Edge Delivery blocks with confidence.

Software Engineering#javascript#aem#edge-delivery#frontend-patterns#block-development#dom-decoration
Authorsamircaus
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This skill provides practical guidance for implementing AEM Edge Delivery blocks with consistent patterns for structure, decoration, and maintainable code.

Core Features & Use Cases

  • Guidelines for block structure: JavaScript, CSS, and HTML deliverable blocks.
  • Decoration patterns: create decorate(block) logic to transform and enhance content.
  • Testing and debugging practices for local HTML previews and preview environments.
  • Accessibility and performance considerations in block development.

Quick Start

Create a new block under blocks, add blockname.js and blockname.css, and implement the decorate(block) function to render and decorate the content.

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: AEM Block Development
Download link: https://github.com/samircaus/elsie/archive/main.zip#aem-block-development

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