rhdh-plugin-design

Guide custom dynamic plugin design for Red Hat Developer Hub 1.8+.

Updated Aug 27, 2026
One-click install
npx skills add https://github.com/3horizons/agentic-devops-platform --skill rhdh-plugin-design
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: rhdh-plugin-design
Source: https://github.com/3horizons/agentic-devops-platform/tree/main/docs/official-docs/rhdh/agents/rhdh-architect/skills/rhdh-plugin-design
Command: npx skills add https://github.com/3horizons/agentic-devops-platform --skill rhdh-plugin-design

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) and assets (resource) components.

What problem does it solve?

This Skill provides comprehensive guidance and reference material for designing and implementing custom dynamic plugins within the Red Hat Developer Hub (RHDH) and Backstage ecosystem, streamlining UI customization and feature integration.

Core Features & Use Cases

  • Plugin Architecture: Understand how dynamic plugins are loaded and managed at runtime.
  • Frontend Wiring: Master various mechanisms like dynamicRoutes, mountPoints, and menuItems to integrate custom components seamlessly.
  • API Integration: Learn to leverage essential Backstage APIs (catalogApiRef, scaffolderApiRef, etc.) for data retrieval and functionality.
  • Use Case: You need to build a new dashboard widget for the RHDH portal that displays custom metrics. This Skill will guide you through choosing the right wiring mechanism, accessing necessary data via Backstage APIs, and structuring your plugin code.

Quick Start

Use the rhdh-plugin-design skill to understand how to add a new custom tab to entity pages in RHDH.

Frequently Asked Questions about rhdh-plugin-design

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

FAQPage Schema
How do I design custom dynamic plugins for Red Hat Developer Hub?

To design custom dynamic plugins for Red Hat Developer Hub, you need to understand frontend wiring mechanisms like dynamicRoutes and mountPoints, leverage Backstage APIs for data retrieval, and analyze portal gaps to structure your plugin code effectively for runtime loading.

What is frontend wiring in Backstage and how does it work?

Frontend wiring in Backstage integrates custom components into the portal using mechanisms like dynamicRoutes, mountPoints, and menuItems. These mechanisms map your custom UI elements into the existing RHDH navigation and layout during runtime plugin loading.

How do I add a custom tab to entity pages in RHDH?

Adding a custom tab to entity pages in RHDH involves evaluating frontend wiring options like mountPoints and selecting appropriate Backstage APIs such as catalogApiRef. This Skill guides you through the plugin architecture to seamlessly integrate your custom component into entity layouts.

Can I use Backstage APIs like catalogApiRef and scaffolderApiRef for data retrieval in custom plugins?

Yes, you can use Backstage APIs like catalogApiRef and scaffolderApiRef for data retrieval and functionality within custom RHDH plugins. The Skill provides reference material on leveraging these essential APIs to access necessary data for your custom frontend components.

Does this Skill support plugin development for RHDH 1.8 and later versions?

Yes, this Skill specifically guides the design of custom dynamic plugins for Red Hat Developer Hub 1.8 and later. It covers the dynamic plugin architecture and runtime management features available in RHDH 1.8+ to ensure proper UI customization and feature integration.

What is the best way to evaluate wiring options for a Backstage dashboard widget?

The best way to evaluate wiring options for a Backstage dashboard widget is to compare mechanisms like dynamicRoutes and mountPoints against your component's display requirements. This Skill facilitates wiring option evaluation to help you choose the right integration pattern for custom metrics.