Create and modify AEM Edge Delivery blocks with JavaScript and CSS.
npx skills add https://github.com/paolomoz/quasar --skill building-blocks-paolomoz
Please help me install this Agent Skill. Skill: Building Blocks Source: https://github.com/paolomoz/quasar/tree/main/.skills/building-blocks Command: npx skills add https://github.com/paolomoz/quasar --skill building-blocks-paolomoz
This Skill streamlines the creation and modification of AEM Edge Delivery blocks, ensuring adherence to Content Driven Development (CDD) principles and maintaining high code quality.
.js and .css files, implement the JavaScript to display testimonials fetched from content, and style them according to the project's design system.Use the Building Blocks skill to create a new block named 'product-card' following the CDD process.
High-intent search queries and answers about installing and using this skill.
AEM Edge Delivery blocks are created by setting up new block files, defining the content structure, and applying JavaScript decoration and CSS styling following Content Driven Development principles. This ensures blocks remain reusable and maintainable.
Modifying AEM block JavaScript involves updating the DOM transformations and dynamic behavior within the existing block files. You need to understand the current content model and test content URLs to ensure the changes maintain reusability.
A test content URL is required for AEM Edge Delivery block development. It provides the content model data necessary to implement JavaScript decoration and CSS styling accurately, ensuring the block renders correctly according to Content Driven Development principles.
AEM block CSS styling is applied using scoped selectors and responsive best practices within the block's CSS file. This approach ensures the styles remain maintainable and do not interfere with other components on the page.
AEM block files should be structured by creating separate JavaScript and CSS files for each block, adhering to Content Driven Development principles. This ensures the blocks are reusable across different pages and maintainable throughout the project lifecycle.
aemysitesEnforce a content-first workflow for AEM Edge Delivery Services development.
samircausImplement AEM Edge Delivery blocks with decorate functions and consistent structure.
Permit-JunctionAnalyze content sequences to choose default text or mapped blocks for AEM Edge Delivery.
geoffjaySecure Sinatra applications against CSRF, XSS, and SQL injection.