Extending Constellation UI with AI

The Pega Constellation design system provides a powerful, performant foundation for your UI. But when your business requires a highly specialized, bespoke user experience, you need to build custom Digital Experience (DX) components.

Join us for "Extending Constellation UI with AI", a deep-dive webinar where we will explore how to leverage modern Generative AI tools to rapidly generate custom DX components for your Out of the Box Constellation UI or consumption by Pega's Front-End SDKs (React, Angular, and Web Components). We will show you how AI can act as your ultimate pair-programmer—drastically reducing boilerplate coding, accelerating prototyping, and helping you seamlessly integrate bespoke UI elements into your Constellation architecture.

Stop starting from scratch. Learn how to prompt, generate, and refine production-ready front-end code that connects flawlessly with your Pega applications.

What we will cover in this session:

• AI-Assisted Code Generation: Live demonstrations of using AI coding assistants (like GitHub Copilot, ChatGPT, or Claude) to generate React, Angular, or Web Component code for Pega.

• Effective Prompt Engineering: Learn the exact prompts and context you need to provide AI tools to get UI components that meet Pega's design and data binding standards.

• Best Practices & Pitfalls: Understanding the limitations of AI-generated code, ensuring accessibility, and maintaining security standards.

Who should attend?

Front-End Developers, UI/UX Engineers, Lead System Architects, and Technical Leads who are building custom web experiences on top of Pega Constellation.

Expected knowledge

This is an advanced webinar, there is an expectation of knowledge covered in Extending Constellation: A Deep Dive into Constellation DX Components and Extending Constellation: Unlock Advanced UI Customization with Constellation SDKs as the focus of this webinar is mostly around how best to leverage Generative AI tools to achieve these use cases.

Optionally, you may also enjoy these Knowledge Shares from our Expert Circle members:

1. Vibe coding a Constellation DX Component
2. Vibe Coding Constellation DX Components with LLMs: A Practitioner’s Guide
3. Building a Custom DX Component using Claude Code 
4. Local development for Constellation DX Components 
5. Vibe coding: a lapsed developer's journey into DX Components 
6. Building a Constellation DX component has become incredibly accessible, thanks to LLM technology

Our previous webinars

We strive to strike a balance between those wanting to get the most of out of the platform and those who need to extend the the user experience capabilities in Constellation. The below knowledge may help you on your journey.

• Considering extending your Constellation UI?
  • Welcome! You are in the right place. Please check out previous webinars on extending Constellation UI:
    • Future-Proof Your UX: Why Infinity'26 Might Be All You Need
    • Embedding Constellation Experience Anywhere
    • Extending Constellation: A Deep Dive into Constellation DX Components
    • Extending Constellation: Unlock Advanced UI Customization with Constellation SDKs
• Wanting to stay "Out of the Box"?
  • We have plenty of content for you:
    • Future-Proof Your UX: Why Infinity'26 Might Be All You Need
    • Getting Started with Pega: Create Powerful User Experiences Fast
    • Achieving outcomes in Constellation
    • Internationalization & Localization with Constellation
    • Pega Mobile in Action: Exceptional Mobile Experiences with Pega