Guide implementers to create and modify AEM Edge Delivery blocks with scoped CSS and async decorate patterns.
npx skills add https://github.com/thojava/baco --skill building-blocks-thojava
Please help me install this Agent Skill. Skill: building-blocks Source: https://github.com/thojava/baco/tree/main/.skills/building-blocks Command: npx skills add https://github.com/thojava/baco --skill building-blocks-thojava
This skill provides clear, enforceable guidance for implementing and modifying AEM Edge Delivery blocks and any required core functionality so developers avoid inconsistent patterns, style leakage, and performance regressions.
Invoke the content-driven-development skill, then run the building-blocks skill during Step 5 to implement the block files, add JS decoration, write scoped CSS, and execute the testing-blocks validation.
High-intent search queries and answers about installing and using this skill.
To implement an AEM Edge Delivery block, create the block folder structure, write a default async JavaScript decorate function, and add scoped CSS to prevent style leakage. Follow deferred loading and performance best practices enforced by the project guidelines.
The best way to scope CSS for AEM Edge Delivery blocks is to confine styles within the block's dedicated folder structure. This enforces scoped styling that prevents style leakage and maintains visual consistency across the Edge Delivery project.
To safely modify core scripts.js and global styles, apply minimal surface-area changes with testing. Update delayed functionality carefully and verify changes using testing-blocks for browser validation, responsive checks, and linting.
Block development for AEM Edge Delivery requires integration with project helpers like aem.js. Implementers must also follow resources/js-guidelines.md and resources/css-guidelines.md documents to satisfy scoped CSS and JavaScript decoration requirements.
To validate AEM Edge Delivery blocks, invoke testing-blocks for browser validation, responsive checks, linting, and acceptance criteria verification. This testing integration ensures blocks meet performance and functional requirements before deployment.
mhaackSearch AEM block collections and fetch pre-decoration HTML structures.
RoyincogStandardize pre-PR browser validation, linting, and test execution for AEM Edge Delivery projects.
cookerApply a six-step response pattern to code review feedback.
initialyzeScaffold and refine AEM Edge Delivery blocks with standardized structure and styling.
