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.