create-remote-component

Generates Directum RX Remote Component React projects with Card/Cover/Application scope integration.

Updated Aug 27, 2026
One-click install
npx skills add https://github.com/dunaevdmitriys-dev/directum-mcp-server --skill create-remote-component
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: create-remote-component
Source: https://github.com/dunaevdmitriys-dev/directum-mcp-server/tree/main/skills/create-remote-component
Command: npx skills add https://github.com/dunaevdmitriys-dev/directum-mcp-server --skill create-remote-component

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Create a ready-to-build Directum RX web Remote Component (third-party React control) by generating the correct project structure and required integration files.

Core Features & Use Cases

  • Scaffold Remote Component files: Generates metadata.json, component.manifest.js, loaders registry, webpack/tsconfig/package setup, and i18n files for a new Remote Component.
  • Supports Card, Cover, and Application scopes: Produces loader implementations and metadata that match the required scope type (Card/Cover/Application), including the hostApiVersion conventions.
  • Uses Directum-safe styling and build patterns: Instructs to follow the RNDX CSS variables and align chunking/dependency sharing expectations with production examples from Targets and OmniApplied.

Quick Start

Create a Remote Component for Directum RX using vendor name Directum, component name MyRc, and provide two controls (MyCardControl as Card with its required entity properties, and MyCoverControl as Cover), placing the result into ProjectPath /path/to/rx-solution.

Frequently Asked Questions about create-remote-component

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

FAQPage Schema
How do I scaffold a Directum RX Remote Component project?

To scaffold a Directum RX Remote Component, provide a vendor, component name, and control specifications to generate a ready-to-build React project structure with required manifests, loaders, and configuration files.

What files are needed to create a Remote Component for Directum RX?

Creating a Remote Component requires generating metadata.json, component.manifest.js, a loaders registry, webpack and tsconfig configuration, package scaffolding, and i18n files for multilingual UI support.

Does Directum RX support Card, Cover, and Application scopes for remote controls?

Directum RX supports Card, Cover, and Application scopes for remote controls by generating specific loader implementations and metadata that match the required scope type and hostApiVersion conventions.

How do I set up multilingual UI in a React Remote Component?

Set up multilingual UI in a React Remote Component by generating i18n files alongside the project scaffolding, ensuring the control supports required languages and integrates correctly with the Directum RX web client.

Can I use custom CSS variables when building Directum RX remote controls?

When building Directum RX remote controls, you must follow RNDX CSS variables for styling and align webpack chunking and shared dependency patterns with production examples to ensure compatibility.

What are the limitations of using webpack for Directum RX Remote Components?

Webpack configuration for Directum RX Remote Components requires strict alignment with production chunking and shared dependency patterns, meaning custom configurations may break integration if they deviate from established Directum RX conventions.