jahia-dev-create-view

Automate creation and registration of Jahia React views for content types.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Speeds up and standardizes the creation and registration of React views for Jahia content types, ensuring consistent rendering and integration across projects.

Core Features & Use Cases

  • Provides a standardized Single Directory Component (SDC) pattern for Jahia views.
  • Demonstrates how to implement server and named views, client islands, and CSS Modules integration using jahiaComponent.
  • Use cases include creating new views, updating existing rendering logic, and applying styling changes to content types.

Quick Start

Create a default.server.tsx view in the appropriate folder and register it with jahiaComponent.

Frequently Asked Questions about jahia-dev-create-view

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

FAQPage Schema
How do I create a React view for a Jahia content type?▼

Creating a React view for a Jahia content type involves placing a `default.server.tsx` file in the correct directory and registering it with `jahiaComponent` to standardize rendering and integration across your project.

What is the single directory component pattern in Jahia?▼

The single directory component pattern in Jahia standardizes view creation by organizing server components, client islands, and CSS Modules together, ensuring consistent rendering logic for content types.

Can I use CSS Modules with Jahia React components?▼

Yes, you can use CSS Modules with Jahia React components by integrating them within the single directory component structure to apply localized styling changes to your content types.

How do I set up server and named views in Jahia?▼

Setting up server and named views in Jahia requires defining a `default.server.tsx` file for standard rendering and configuring additional named views using the `jahiaComponent` registration module.

Does Jahia support client islands in React views?▼

Yes, Jahia supports client islands in React views, allowing you to implement interactive client-side components alongside server-rendered views within the single directory component architecture.

What metadata is required in the SKILL.md frontmatter for Jahia views?▼

The required metadata in the SKILL.md frontmatter for Jahia views includes validating the `name` and `description` fields, while also detecting optional resources like scripts, references, and assets for tooling.