Which versions of Red Hat Developer Hub are supported?

The skill supports RHDH 1.6, 1.7, and 1.8/next, providing the correct Backstage and create-app version mappings for each.

Can I use this skill to create backend API plugins?

No, this skill is specifically optimized for frontend UI components. There is a separate backend plugin skill for handling APIs, Scaffolder actions, and processors.

Does this skill help with OCI packaging?

Yes, it includes specialized steps for using the RHDH CLI to package your frontend plugin into an OCI-compliant image for container registry deployment.

Can I preview my plugin with the RHDH theme locally?

Yes, the skill includes instructions on configuring the development harness with @red-hat-developer-hub/backstage-plugin-theme to match the production look and feel.

How do I add my plugin to the RHDH sidebar?

The skill provides the specific YAML configuration needed for the dynamic-plugins.yaml file, including menu item priority, icons, and route definitions.

RHDH Frontend Plugin Architect

Name: RHDH Frontend Plugin Architect
Author: kadel

bykadel

0•

배포 및 DevOps

Bootstraps and configures dynamic frontend plugins for Red Hat Developer Hub, including UI components, entity cards, and custom themes.

This skill streamlines the development of frontend extensions for Red Hat Developer Hub (RHDH) by providing automated scaffolding, version compatibility management, and configuration guidance. It enables developers to seamlessly integrate custom React components, entity page cards, and sidebar menu items using the Scalprum module federation framework. Whether you are building complex new pages or simple visual customizations, this skill handles the intricate wiring of dynamic-plugins.yaml and OCI container packaging to ensure your UI plugins are production-ready and fully compatible with the RHDH application shell.

주요 기능

01Simplified configuration for Scalprum module federation and dynamic module loading

02Seamless integration of RHDH branding and Material-UI v5 styling using the theme plugin

03Implementation patterns for RHDH-specific UI components like Entity Cards, Tabs, and Pages

04Streamlined OCI container packaging and deployment configuration for dynamic plugins

050 GitHub stars

06Automated scaffolding of Backstage frontend plugins compatible with specific RHDH versions

사용 사례

01Creating custom dashboard cards to display external service data on the RHDH Entity page

02Developing and applying organization-specific branding and custom themes across the portal

03Adding new navigation items and full-page routes to the Red Hat Developer Hub sidebar

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add kadel/claude-plugins rhdh-frontend-dynamic-plugin

For use in Claude.ai and ChatGPT

Download Skill