ue-component-model

Create and validate Universal Editor JSON configurations for AEM Edge Delivery blocks.

Updated Apr 18, 2026
One-click install
npx skills add https://github.com/Royincog/cpedia --skill ue-component-model
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ue-component-model
Source: https://github.com/Royincog/cpedia/tree/main/.agents/skills/ue-component-model
Command: npx skills add https://github.com/Royincog/cpedia --skill ue-component-model

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

The Universal Editor (UE) relies on three JSON config files to render and enable authoring for AEM Edge Delivery blocks. This skill provides a structured approach to create or edit component-definition.json, component-models.json, and component-filters.json, ensuring blocks appear in the section catalog and render with correct fields and behavior.

Core Features & Use Cases

  • Maps block definitions to UE templates and resource types, including container and key-value blocks.
  • Guides model field selection and naming conventions to align with the block's decorate() expectations.
  • Validates and syncs filters so authors can add the new block under the appropriate section.

Quick Start

Create or update the JSON configuration files for a new UE block named "articles" to register its definition, model, and filter entries.

Frequently Asked Questions about ue-component-model

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I configure AEM Edge Delivery blocks for the Universal Editor?

To configure AEM Edge Delivery blocks for the Universal Editor, you create or edit three JSON files: component-definition.json, component-models.json, and component-filters.json to register definitions, map model fields, and sync filters so blocks appear in the section catalog and render predictably.

What is the purpose of component-definition.json in AEM Universal Editor?

The component-definition.json file maps block definitions to Universal Editor templates and resource types, including container and key-value blocks, ensuring blocks are registered correctly for authoring and rendering within AEM Edge Delivery.

How do I add a new block to the Universal Editor section catalog?

You add a new block to the Universal Editor section catalog by validating and syncing component-filters.json entries with your block definitions and model IDs, ensuring authors can add the new block under the appropriate section.

Why are my Universal Editor model fields not mapping correctly to block behavior?

Universal Editor model fields fail to map correctly when naming conventions do not align with the block's decorate() expectations, requiring you to adjust field selection and mappings in component-models.json to enforce proper IDs and predictable rendering.

Can I use JSON templates to register container and key-value blocks in AEM?

Yes, you can use JSON templates to register container and key-value blocks in AEM by mapping block definitions to Universal Editor templates and resource types, ensuring correct field mappings and filter entries are applied across the configuration files.

What are the limitations of manually editing Universal Editor JSON configurations?

Manually editing Universal Editor JSON configurations risks breaking proper IDs, resource types, and filter synchronization, making blocks fail to appear in the section catalog or render with incorrect fields and behavior without structured validation.