skills.rest
mhaack
mhaackCOMMUNITY
Explore all skills by this author →
Website𝕏@mhaackGitHub

building-blocks

Implement code changes for AEM Edge Delivery blocks.

Updated Feb 20, 2026
Search Tags:#workflow#documentation#javascript#css#aem#edge-delivery#block-development
One-click install
npx skills add https://github.com/mhaack/sewjaland --skill building-blocks-mhaack
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: building-blocks
Source: https://github.com/mhaack/sewjaland/tree/main/.claude/skills/building-blocks
Command: npx skills add https://github.com/mhaack/sewjaland --skill building-blocks-mhaack

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill guides teams through implementing code changes for AEM Edge Delivery blocks, providing a clear, repeatable workflow for block development, core functionality updates, and alignment with the content-driven-development process.

Core Features & Use Cases

  • Block Development: Create or modify block structure, implement JavaScript decoration, and add CSS styling in line with established patterns.
  • Core Functionality: Update core assets such as scripts.js, styles.css, delayed.js, and related configurations to support new or modified blocks.
  • Combined Use: Apply block development together with core changes for complex blocks or content-driven experiences.
  • Prerequisites: Verified by CDD (test content exists, content model defined, test content URL available, dev server running).

Quick Start

Follow Step 5 of the content-driven-development workflow to implement and test blocks and verify results with the testing-blocks skill.

Frequently Asked Questions about building-blocks

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

FAQPage Schema
How do I implement AEM Edge Delivery blocks using content-driven development?▼

To implement AEM Edge Delivery blocks, follow Step 5 of the content-driven-development workflow to create block structure, add JavaScript decoration, and apply CSS styling. This process ensures alignment with established patterns for block development.

What prerequisites do I need before developing blocks for AEM Edge Delivery?▼

Block development requires verified CDD prerequisites, including defined content models, existing test content, available test content URLs, and a running dev server. These ensure proper coordination before implementing code changes.

Can I update core scripts and styles alongside AEM block development?▼

Yes, you can update core functionality assets like scripts.js, styles.css, and delayed.js alongside block development. This combined use supports complex blocks or content-driven experiences requiring core configuration changes.

What's the best way to test AEM Edge Delivery blocks after implementation?▼

The best way to test AEM Edge Delivery blocks is by verifying results with the testing-blocks skill after implementation. This follows the content-driven-development workflow to ensure block structure and functionality meet established patterns.

Does AEM Edge Delivery block development require coordinating with other workflow skills?▼

AEM Edge Delivery block development requires coordination with related skills such as CDD, block-collection-and-party, and testing-blocks. This ensures proper prerequisites, implementation, and verification across the entire workflow.

Related Skills

Explore More Software Engineering Skills→
initialyzeinitialyze

Using Content Driven Development

Orchestrate AEM Edge Delivery development using real author content.

Official
Basic
trielofftrieloff

Building Blocks

Guide AEM Edge Delivery block creation and modification with Content Driven Development.

Community
Intermediate
trielofftrieloff

Using Content Driven Development

Orchestrate a content-first workflow for AEM Edge Delivery development.

Community
Advanced
jfoxxjfoxx

building-blocks

Guide AEM Edge Delivery Services block development and core file modifications.

Community
Intermediate