skills.rest
ComwrapUkReply
ComwrapUkReplyCOMMUNITY
Explore all skills by this author →
GitHub

Building Blocks

Create and modify Windows App SDK applications with C# and XAML.

Updated Sep 12, 2025
Search Tags:#aem-edge-delivery#css-styling#block-development#javascript-decoration#building-blocks#content-model
One-click install
npx skills add https://github.com/ComwrapUkReply/ue-multitenant-root --skill building-blocks-comwrapukreply
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: Building Blocks
Source: https://github.com/ComwrapUkReply/ue-multitenant-root/tree/main/.claude/skills/building-blocks
Command: npx skills add https://github.com/ComwrapUkReply/ue-multitenant-root --skill building-blocks-comwrapukreply

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Creating and modifying AEM Edge Delivery blocks can be complex; this skill provides a structured guide to streamline block development from design to deployment, aligning with Content Driven Development (CDD) principles.

Core Features & Use Cases

  • Create new block files and directory structure for blocks that transform authored content into decorated, styled components.
  • Implement JavaScript decoration and CSS styling to deliver consistent, accessible block experiences.
  • Validate code quality, test implementations, and document block usage for authors and developers.

Quick Start

Define the block name, content model, and test content URL, then implement decoration and styles following the guidance in this skill.

Frequently Asked Questions about Building Blocks

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I build AEM Edge Delivery blocks from scratch?▼

To build AEM Edge Delivery blocks, you define the block name, content model, and test content URL, then implement the JavaScript decoration and CSS styling to create production-ready components.

What is the best way to structure and decorate AEM blocks for content driven development?▼

Structuring AEM blocks for content driven development involves creating specific block files and directories, then applying JavaScript decoration to transform authored content into styled, accessible components.

How does JavaScript decoration work for AEM Edge Delivery components?▼

JavaScript decoration for AEM Edge Delivery works by transforming authored HTML content into decorated, styled block components, ensuring consistent and accessible experiences aligned with your content model.

Do I need to define a content model before creating new AEM blocks?▼

Yes, you need to define the content model and test content URL before creating new AEM blocks, as this establishes the foundation for accurate JavaScript decoration and CSS styling implementation.

What steps are required to test and document AEM block implementations?▼

Testing and documenting AEM block implementations requires validating code quality, testing the decoration and styling against the content model, and documenting block usage for authors and developers.

Can I use this approach to modify existing AEM Edge Delivery blocks?▼

Yes, you can use this approach to modify existing AEM Edge Delivery blocks by updating the JavaScript decoration, CSS styling, or content model changes while maintaining production-ready consistency.

Related Skills

Explore More Software Engineering Skills→
salvamolasosalvamolaso

block-inventory

Inventory local AEM Edge Delivery blocks and Block Collection entries into a unified palette.

Community
Basic
treevestreeves

Building Blocks

Automate creation and modification of AEM Edge Delivery blocks with JavaScript, CSS, tests, and documentation.

Community
Intermediate
paolomozpaolomoz
3

da-content-pipeline

Convert plain HTML to DA format and upload to AEM Edge Delivery Services.

Community
Advanced
Permit-JunctionPermit-Junction

block-collection-and-party

Search Adobe AEM Block Collection and Block Party repositories for code examples.

Official
Intermediate