Pega
Constellation
design & workflow.

The whole workflow

Eight stages, one road.

Where to begin

Start where you are.

• You have never opened PegaStart with the restaurant
• You were asked to build a componentSet up your workshop
• You need a reference while you workOpen the playbook

Play

Things you can poke.

Each one opens the guide at the exact spot, so you can try it straight away.

• OverviewEight stages, one roadWalk the whole journey from idea to a live component, and press play to watch it run.Try it
• SetupToolkit installerPick Windows, macOS or Linux and get the exact commands for Git, Node and VS Code.Try it
• ConceptsOne round tripFollow a single click to Pega and back as a sequence diagram, with the message at every step.Try it
• BuildComponent studioDesign any kind of custom component and watch its starter files appear.Try it
• ReferenceParameter workbenchType what an author would type and see exactly what a data page call sends, or why it stops.Try it
• ToolingDeployment hub demoA working, simulated publish tool with the real step names and a locked-ruleset case.Try it

How this is different

Documentation lists. A story leads.

1. 01The restaurantWhat Pega is, told with orders and kitchens.Read →
2. 02ConstellationThe server describes. The browser draws.Read →
3. 03The parts of a screenCase, view, template, field. Which is which.Read →
4. 04Custom DX componentsThe four kinds, and which one you need.Read →
5. 05Your workshopNode, Git, the right builder, one tick at a time.Read →
6. 06Signing inThe config file, the secrets, and how your laptop proves who it is.Read →
7. 07ScaffoldOne command, eight files. What each one does.Read →
8. 08Build the buttonWrite the component, line by line.Read →
9. 09StorybookA showroom with a pretend Pega inside.Read →
10. 10TestsBreak it on purpose, then fix it.Read →
11. 11Build and publishFrom your laptop to a ruleset on the server.Read →
12. 12Use it in PegaPlace the button on a view and watch it work.Read →
13. 13When it breaksSymptom, cause, fix.Read →
14. 14Cheat sheetEvery command and word on one page.Read →
15. 15Build anythingA studio to design any kind of component and see its files appear.Read →
16. 16The Pega APIHow a component asks Pega for things, one piece at a time.Read →
17. 17Pattern catalogueA library of components is a handful of repeated ideas. Plus more ideas to borrow, grouped by the job they do.Read →
18. 18The Deployment HubA sneak peek at a dashboard that builds and publishes for you.Read →
19. 19The playbookScenarios for buttons, tables, widgets and data pages, plus a symptom finder and error codes.Read →
20. 20Data page callsParameters, queries, sorting and paging: what is sent, and why it stops.Read →
21. 21Tables, grids and searchPick the right pattern, start from a skeleton, and see how interactive tables and on-demand search tables really work.Read →
22. 22Inside the componentsThe order of steps, the safeguards and the workarounds in buttons, layouts and displays.Read →
23. 23API referenceEvery Pega call a real component library uses: what it does, when to use it, what to pass, what goes wrong.Read →

For your AI coding agent

Teach your agent Constellation.

The guide is also packaged as a skill: short instructions an AI coding agent reads before it builds a custom component. One command puts it in any project.

npx @sanjeevsaniel/pega-constellation-skills init --agents

npx @sanjeevsaniel/pega-constellation-skills update

npx @sanjeevsaniel/pega-constellation-skills remove --agents

Instructions only, no Pega source code. Independent project, not affiliated with Pegasystems. On npm · On GitHub

Before you start

One story. Three Pega versions.

Versions come from the builder's npm release tags. “Tested on” is the exact Pega build the components in this guide were tried against. Check your own server's version before you pick tools.