Transforms authored content into interactive AEM Edge Delivery experiences using JavaScript decoration and responsive CSS styling.
Streamline the development of AEM Edge Delivery components by following Content Driven Development (CDD) principles. This skill guides developers through the entire lifecycle of block creation, from defining content models and implementing DOM-based JavaScript decoration to applying scoped, mobile-first CSS. By enforcing standard patterns and BEM-like naming conventions, it ensures that blocks remain reusable and maintainable while integrating seamlessly with automated testing and documentation workflows.
主な機能
01JavaScript decoration and DOM transformation logic
02Scoped, mobile-first CSS styling patterns
03Author-facing documentation and library management
04Automated block testing and linting coordination
050 GitHub stars
06Content Driven Development (CDD) integration
ユースケース
01Creating a new reusable component for an AEM Edge Delivery site
02Standardizing component development with shared JS and CSS guidelines
03Modifying existing block logic to support updated content structures