Overview Architecture Systems Tooling Quality Get Started Blueprints
Editor & Visual

Editor Tooling & Visual Construction

5 tool plugins, 25 editor panels, and a complete visual construction system. Every panel built on shared atomic widgets and design tokens.

0Panels
0Factories
0SVG Icons
0Atomic Widgets
0Widget Instances
Plugins

5 Tool Plugins

Editor-only utilities that never ship in packaged builds. Each one extends the Unreal Editor with PGX-specific capabilities.

PGXDocs

v1.1

In-editor documentation with md4c native Slate renderer. Browse all system docs without leaving the editor.

PGXSimHarness

v2.0

Full-stack simulation harness. Demo mode populates 13 Config DataAssets. Deep injection across 13 subsystems with 160+ API calls.

PGXScaffold

v0.2.0

Automated project scaffolding. 4 built-in templates, source control integration, rollback support, JSON audit trail.

PGXEditorTools

v0.4.0

Central hub dashboard, system observer with sparklines, test dashboard, editor settings, and notification system.

PGXVersionControl

v1.0

Source control utilities integrated into the editor workflow. Git operations without leaving UE.

Nerve Center

Hub Dashboard

All 5 tool plugins, all 13 systems, one dashboard. Version, health status, KPI chips — every metric surfaced without opening a single file. One click opens any inspector.

12 system cards · Real-time KPIs · One-click navigation
PGX Hub Dashboard
Live in Editor
PGX Hub Dashboard — 12 system cards with version, KPI chips, and health status
Quick Access

Toolbar — Everything, One Click

Hub, Log Viewer, Create Asset, Validate, Settings, and the full Tools submenu. Every PGX action reachable from a single dropdown in the main toolbar. No menus to memorize.

19 quick-access entries · Custom toolbar dropdown
PGX Toolbar
Editor Extension
PGX Toolbar — Hub, Log Viewer, Create Asset, Validate, Settings, Tools
Design System

Visual Construction System

PGXVisualTokens.h is the single source of truth for all visual properties. 11 atomic Slate widgets ensure consistent UX across 25 panels.

11 Atomic Widgets

S SPGXAccentBar
S SPGXPanelHeader
S SPGXSectionDivider
S SPGXFooterBar
S SPGXKPIChip
S SPGXStatusBadge
S SPGXEmptyStateV2
S SPGXTableRow
S SPGXSparkline
S SPGXGraphPanel
S SPGXHealthDots
0Widget Instances
0Panels Using Widgets
167 Widgets Live

System Observer — Atomic Widgets in Action

This panel uses SPGXSparkline, SPGXHealthDots, SPGXKPIChip, and SPGXPanelHeader — all atomic widgets from the token system. Live sparklines poll every 500ms. Every color comes from PGXVisualTokens.h.

Real-time sparklines · Health dots · Zero hardcoded colors
PGX System Observer
Runtime Visualization
System Observer — Live sparklines, health dots, and KPI chips rendered with PGX atomic widgets
Design Law

10 UX Design Dogmas

Permanent design rules that govern every panel, every widget, every visual decision in PGX.

D1
Token Supremacy
D2
Component Atomicity
D3
Zero Raw Colors
D4
Consistent Spacing
D5
Progressive Disclosure
D6
Accessible Contrast
D7
Animation Purpose
D8
Responsive Adaptation
D9
Error State Design
D10
Performance Budget
Production Harness

PSPH — Test Every System at Once

The 10 dogmas above aren’t just theory. The PSPH harness validates them in practice: deep injection into all 13 systems, 160+ API calls covering 90% of the public surface. Demo mode populates your project with realistic test data in one click.

If a panel violates a dogma, this harness catches it.

160+ API calls · 13 systems · 90% coverage
PSPH Control Panel
Production Harness
PSPH Control Panel — Test harness with 13-system deep injection and 160+ API calls
Engineering Quality & Audits → ← Systems