jahia-dev-ui-extension

Create Jahia OSGi UI extensions for jcontent using React 18 and Module Federation.

Updated Mar 10, 2026
One-click install
npx skills add https://github.com/Jahia/formidable --skill jahia-dev-ui-extension
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: jahia-dev-ui-extension
Source: https://github.com/Jahia/formidable/tree/main/.agents/skills/jahia-dev-ui-extension
Command: npx skills add https://github.com/Jahia/formidable --skill jahia-dev-ui-extension

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Enable developers to create Jahia OSGi UI extensions for the jcontent back-office.

Core Features & Use Cases

  • Conventions and patterns for building Jahia OSGi UI extensions — modules that extend the jcontent back-office using React 18, Webpack/Module Federation, and the @jahia/ui-extender registry.
  • Guidance on scaffolding modules, module structure, and runtime integration with Jahia's UI APIs to register actions, dialogs, and selectors.
  • Real-world usage: create a new UI extension module that adds a custom toolbar button and a settings panel to jcontent.

Quick Start

Follow the Jahia archetype to scaffold a new UI extension and build it with Webpack/Module Federation.

Frequently Asked Questions about jahia-dev-ui-extension

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

FAQPage Schema
How do I create a Jahia UI extension for the jcontent back-office?

To create a Jahia UI extension, you scaffold an OSGi module using the Jahia archetype and build it with Webpack and Module Federation to register custom actions, panels, and dialogs in jcontent.

How does Module Federation work with Jahia ui-extender modules?

Module Federation enables Jahia ui-extender modules to load remote React 18 components at runtime, allowing the jcontent back-office to dynamically integrate your custom UI extension without requiring a full application rebuild.

Can I add a custom toolbar button and settings panel to jcontent using React 18?

Yes, you can add a custom toolbar button and settings panel to jcontent by developing a UI extension module with React 18 and registering it via the @jahia/ui-extender registry to hook into the back-office interface.

Do I need to follow specific scaffolding patterns for Jahia OSGi UI extensions?

You need to follow specific Jahia archetype scaffolding patterns to ensure proper module structure and runtime registration, which guarantees your OSGi UI extension integrates safely and consistently with jcontent APIs.

What is the best way to register actions and dialogs in Jahia jcontent?

The best way to register actions and dialogs in Jahia jcontent is through the @jahia/ui-extender registry, which handles the runtime integration of your Webpack-built React 18 components into the back-office.

Are there limitations when extending Jahia jcontent with custom UI modules?

Limitations when extending Jahia jcontent include strict dependencies on React 18, Webpack, and Module Federation, meaning your custom UI modules must align with these specific framework versions and the OSGi architecture to function correctly.