skills.rest
trieloff
trieloffCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

Building Blocks

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

Updated Mar 7, 2026
Search Tags:#testing#aem-edge-delivery#css-styling#content-driven-development#content-models#javascript-decoration#build-blocks
One-click install
npx skills add https://github.com/trieloff/trrrrdt --skill building-blocks-trieloff
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: Building Blocks
Source: https://github.com/trieloff/trrrrdt/tree/main/.claude/skills/building-blocks
Command: npx skills add https://github.com/trieloff/trrrrdt --skill building-blocks-trieloff

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Developers often need a structured, repeatable approach to create new AEM Edge Delivery blocks or update existing ones, ensuring consistency across decoration, styling, and content models.

Core Features & Use Cases

  • Provides a step-by-step guide to create block files, implement JavaScript decoration, apply CSS styling, and validate code quality.
  • Supports updating existing blocks when design or content models evolve, with clear handoffs to testing.
  • Use cases include creating a new block from scratch or making significant changes to an existing block that requires coordinated changes across code and content.

Quick Start

Verify prerequisites and then create or modify a block following the Content Driven Development 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 and modify AEM Edge Delivery blocks using content driven development?▼

Creating and modifying AEM Edge Delivery blocks requires a structured process: generating block files, implementing JavaScript decoration, applying CSS styling, and validating code quality through testing.

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

Adding JavaScript decoration and CSS styling to AEM Edge blocks involves a step-by-step process to structure files, apply visual and functional code, and validate quality through testing.

Do I need to update content models when making substantial changes to existing AEM blocks?▼

Yes, updating existing AEM blocks for design or content evolution requires coordinated changes across content models, JavaScript decoration, and CSS styling, with clear handoffs to testing.

What are the prerequisites for building AEM Edge Delivery blocks?▼

Building AEM Edge Delivery blocks requires verifying prerequisites first, ensuring your environment supports the content driven development process before creating block files and applying decorations.

How does content driven development work for AEM Edge Delivery projects?▼

Content driven development works by using a structured, repeatable approach to create or update AEM Edge Delivery blocks, ensuring consistency across decoration, styling, and content models.

Related Skills

Explore More Software Engineering Skills→
aemysitesaemysites

Using Content Driven Development

Enforce a content-first workflow for AEM Edge Delivery Services development.

Official
Basic
espensevespensev

qa

Validate code changes against the planning contract and run tests.

Community
Advanced
blakebaumanblakebauman

Building Blocks

Automate creation and modification of AEM Edge Delivery blocks.

Community
Intermediate
jfoxxjfoxx

block-collection-and-party

Search AEM block implementations from Block Collection and Block Party.

Community
Intermediate