Skills
.Work. You
Rest

rhdh-plugin-design

Official

Design RHDH/Backstage plugins with confidence.

Software Engineering#plugin development#ui customization#backstage#rhdh#frontend wiring#dynamic plugins
Author3horizons
Version1.0.0
Installs0

System Documentation

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.

Dependency Matrix

Required Modules

None required

Components

referencesassets

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: rhdh-plugin-design
Download link: https://github.com/3horizons/agentic-devops-platform/archive/main.zip#rhdh-plugin-design

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.