Building Blocks

What problem does it solves? Developing AEM Edge Delivery blocks can be complex, requiring adherence to specific JavaScript, CSS, and content modeling standards. This Skill provides a structured, best-practice-driven approach to building and modifying blocks, ensuring quality and consistency with less manual oversight.

Core Features & Use Cases

• Structured Development Workflow: Guides through creating block files, implementing JavaScript decoration, and applying scoped CSS styling.
• Code Quality & Standards: Enforces best practices for DOM manipulation, variant handling, performance, and code style.
• Integrated Testing & Documentation: Automatically invokes the testing-blocks skill and guides the creation of both developer and author-facing documentation.
• Use Case: When tasked with creating a new "hero" block, use this Skill to implement its JavaScript decoration and CSS styling, ensuring it follows project standards, is performant, and is ready for testing and documentation.

Quick Start

Build a new "carousel" block, implementing its JavaScript decoration and CSS styling according to AEM Edge Delivery best practices.