Catalyst LogoCatalyst
Getting StartedFoundationsPrimitivesCompositionsReleasesMCPRoadmap

Getting Started

Set up Catalyst and build your first interface with PMI's design system.

Catalyst provides shared styles, reusable UI components, and composition guidance for PMI applications. Start with the setup guides, then use the reference sections as you build.

Set up your project

  1. Introduction — Learn how Catalyst is organized and how to use its components.
  2. Installation — Add the packages and configure your application.
  3. IDE setup — Configure your editor for Catalyst development.
  4. Your first primitive — Put a component into use.

Find your next step

  • Foundations explains styling, themes, typography, and design tokens.
  • Primitives documents individual UI building blocks and their APIs.
  • Compositions explains how to combine those building blocks into larger interfaces.
  • MCP connects compatible AI assistants to Catalyst documentation.

Introduction

An enterprise-grade primitive library built on composability principles and Figma variables, delivering an opinionated yet flexible design system for PMI.

On this page

Set up your projectFind your next step