skills.rest
pegasystems
pegasystemsOFFICIAL
Explore all skills by this author →
WebsiteGitHub

launchpad-ux-custom-frontend

Build custom Launchpad frontends with the Pega React SDK and Constellation.

1|Updated Mar 19, 2026
Search Tags:#oauth#react sdk#constellation#custom frontend#pega launchpad#mui theming
One-click install
npx skills add https://github.com/pegasystems/pega-launchpad-agent-skills --skill launchpad-ux-custom-frontend
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: launchpad-ux-custom-frontend
Source: https://github.com/pegasystems/pega-launchpad-agent-skills/tree/main/skills/launchpad-ux-custom-frontend
Command: npx skills add https://github.com/pegasystems/pega-launchpad-agent-skills --skill launchpad-ux-custom-frontend

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Building custom Launchpad front-ends with React using the Pega React SDK to replace or extend default layouts.

Core Features & Use Cases

  • Integrates Pega Launchpad content via the Constellation engine and React components
  • Enables full UI customization, theming with Material UI, and component overrides via a local map
  • Use cases include building bespoke dashboards, case views, and orchestration front-ends that embed or replace OOTB Launchpad UI

Quick Start

Validate the need for a custom frontend, scaffold a React app using the Pega React SDK and Constellation, and wire it to Launchpad with sdk-config.json and sdk-local-component-map.js.

Frequently Asked Questions about launchpad-ux-custom-frontend

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

FAQPage Schema
How do I build a custom frontend for Pega Launchpad using React?▼

To build a custom Pega Launchpad frontend, scaffold a React app using the Pega React SDK and Constellation engine, then wire it to Launchpad using sdk-config.json and sdk-local-component-map.js for full UI control and bespoke interactions.

Can I apply Material UI theming to a Pega Constellation React app?▼

Yes, you can apply Material UI theming to a Pega Constellation React app to achieve full UI customization and branding. The custom frontend setup enables MUI theming alongside standard Constellation component overrides.

Does Pega Launchpad support OAuth-based authentication for embedded frontends?▼

Yes, Pega Launchpad supports OAuth-based authentication for embedded frontends. The custom React SDK integration meets requirements for OAuth-based auth, allowing secure connections between bespoke frontends and Launchpad apps.

How do I override out-of-the-box Launchpad UI components?▼

You override out-of-the-box Launchpad UI components by configuring a local component map using sdk-local-component-map.js. This allows you to replace default Constellation components with custom React components for bespoke interactions.

When should I build a custom Launchpad frontend instead of using default layouts?▼

Build a custom Launchpad frontend when your team needs full UI control, bespoke branding, or custom interactions beyond default layouts. It suits scenarios requiring embedded Pega views, bespoke dashboards, and orchestration front-ends.

Related Skills

Explore More Software Engineering Skills→
devkit-stackdevkit-stack

create-auth-skill

Configure Better Auth authentication for TypeScript/JavaScript applications.

Official
Intermediate
questpiequestpie
5

questpie-admin

Generate type-safe admin panels for Questpie backends from schema introspection.

Official
Advanced
pegasystemspegasystems

launchpad-webembed

Embed Launchpad experiences in external websites using the pega-embed web component.

Official
Intermediate
alissonmds00alissonmds00

clerk-custom-ui

Customize Clerk authentication components and build sign-in flows with React hooks.

Community
Advanced