skills.rest
paul-hosking-cdw-com
paul-hosking-cdw-comCOMMUNITY
Explore all skills by this author →
GitHub

Building Blocks

Create or modify AEM Edge Delivery blocks with JavaScript decoration and CSS styling.

Updated Dec 11, 2025
Search Tags:#development#css#blocks#decoration#aem#edge-delivery#content-models
One-click install
npx skills add https://github.com/paul-hosking-cdw-com/da-with-ue-demo --skill building-blocks-paul-hosking-cdw-com
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: Building Blocks
Source: https://github.com/paul-hosking-cdw-com/da-with-ue-demo/tree/main/.claude/skills/building-blocks
Command: npx skills add https://github.com/paul-hosking-cdw-com/da-with-ue-demo --skill building-blocks-paul-hosking-cdw-com

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This guide helps teams efficiently create or modify AEM Edge Delivery blocks, ensuring consistent structure and quality while aligning with CDD.

Core Features & Use Cases

  • Block creation and modification: Create new blocks or update existing ones with proper JavaScript decoration and CSS styles.
  • Content model and prerequisites validation: Ensure test content exists and content model defined.
  • Quality assurance and documentation: Include testing and developer documentation and author documentation when applicable.

Quick Start

Begin by validating prerequisites, then create or modify a block following the CDD process.

Frequently Asked Questions about Building Blocks

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

FAQPage Schema
How do I create a new block for AEM Edge Delivery?▼

To create an AEM Edge Delivery block, you validate CDD prerequisites, establish test content, build the block structure under the blocks/ directory, and implement JavaScript decoration and CSS styling.

What is the process for adding JavaScript decoration and CSS to AEM Edge blocks?▼

JavaScript decoration and CSS styling are applied during content-driven development to modify AEM Edge block structures, ensuring the presentation layer aligns with defined content models and passes validation testing.

Do I need to complete CDD prerequisites before modifying an AEM Edge Delivery block?▼

Yes, completing content-driven development prerequisites is required. You must ensure test content exists and content models are defined before updating the block structure, decoration logic, or styles.

How do I validate and test changes when updating AEM Edge Delivery blocks?▼

You validate AEM Edge Delivery block updates by running the testing workflow to verify JavaScript decoration and CSS, and by generating developer and author documentation to ensure consistent structure and quality.

What is the best way to ensure quality and consistency when building AEM Edge blocks?▼

The best way to ensure quality in AEM Edge blocks is following the content-driven development process to validate content models, applying structured JavaScript and CSS under blocks/, and completing testing and documentation.

Related Skills

Explore More Software Engineering Skills→
mhaackmhaack

building-blocks

Implement code changes for AEM Edge Delivery blocks.

Community
Intermediate
treevestreeves

Building Blocks

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

Community
Intermediate
blakebaumanblakebauman

Building Blocks

Automate creation and modification of AEM Edge Delivery blocks.

Community
Intermediate
aemsitesaemsites
1

building-blocks

Implement AEM Edge Delivery Services block code with JavaScript decoration and CSS styling.

Official
Intermediate