This video explains how to establish a governance framework before using AI to develop custom Pega Constellation components. Ian Ovenden demonstrates am example project that uses the GOV.UK Design System to create a custom component library that hooks into Pega.

To ensure quality, the framework uses three key elements:

1. Core Principles: A "global constitution" directs the AI agent, establishing that accessibility is a fundamental precondition for any code it generates.

2. Modern Web Guidance: An agent from the Google Chrome dev team provides up-to-date best practices, ensuring the use of modern, performant web technologies.

3. Custom Skills: Project-specific skills guide the AI in performing complex tasks, such as overriding an out-of-the-box Pega component with a new design system style.

By setting up this structure, developers can confidently use AI to build high-quality, accessible, and efficient custom DX components from the start.

Watch the whole series - Extending Constellation UI with AI: A practical implementation

This video is part of a 4 part series.

1. AI Agentic Governance: Building Accessible Custom Constellation Components
2. AI-Powered UI Component Overrides in Pega Constellation
3. Automating Review and Publishing with an AI-First Approach
4. Consuming and Implementing Custom UI Components