building-blocks

Implement AEM Edge Delivery block changes following content-driven-development patterns.

Updated Mar 12, 2026
One-click install
npx skills add https://github.com/adobe-summit2026-l613/las-vegas-events --skill building-blocks-adobe-summit2026-l613
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: building-blocks
Source: https://github.com/adobe-summit2026-l613/las-vegas-events/tree/main/.skills/building-blocks
Command: npx skills add https://github.com/adobe-summit2026-l613/las-vegas-events --skill building-blocks-adobe-summit2026-l613

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Guides teams through implementing AEM Edge Delivery blocks, ensuring changes follow established patterns, best practices, and the content-driven-development workflow.

Core Features & Use Cases

  • Block Development: Create or modify block structure, implement JavaScript decoration, and add CSS styling.
  • Core Functionality Changes: Update core files (scripts.js, styles.css, delayed.js) and adjust global styles as needed.
  • Integrated Workflow: Coordinates with related skills (content-driven-development, testing-blocks) and prerequisites to ensure a safe, repeatable process.
  • Prerequisites (verified by CDD): Test content exists, content model is defined/documented, test content URL available, and dev server is running.

Quick Start

Begin Step 5 of the content-driven-development workflow to implement the required block changes and core updates.

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 following best practices?

AEM Edge Delivery block development follows established patterns to create block structure, apply JavaScript decoration, and add CSS styling. This ensures changes align with the content-driven-development workflow and properly update core files like scripts.js and styles.css.

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

AEM Edge Delivery block development requires test content, a defined content model, available test URLs, and a running dev server. These prerequisites are verified within the content-driven-development workflow to ensure a safe and repeatable implementation process.

Can I modify core functionality files like delayed.js during AEM block development?

Core functionality changes to scripts.js, styles.css, and delayed.js are supported during AEM block development. You can adjust global styles and update core files alongside block structure modifications within the coordinated content-driven-development workflow steps.

What is the content-driven-development workflow for AEM Edge Delivery?

The content-driven-development workflow coordinates AEM Edge Delivery block implementation by validating prerequisites, integrating testing, and applying code changes in appropriate steps. It ensures teams follow established patterns for block decoration, styling, and core functionality updates.

How do I validate JavaScript decoration and CSS styling for AEM Edge Delivery blocks?

Validating JavaScript decoration and CSS styling for AEM Edge Delivery blocks integrates with related testing skills within the content-driven-development workflow. This coordinated approach verifies block structure, core file updates, and prerequisite readiness before implementation.