Overview Architecture Systems Tooling Quality Get Started Blueprints
Editor & Visual

Editor Tooling & Visual Construction

6 tool plugins and a visual construction system. Every panel built on shared widgets and design tokens.

Plugins

6 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 Config DataAssets. Deep injection across subsystems.

PGXScaffold

Project Scaffolding

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

PGXTutorials

In-Editor Tutorials

In-editor guided tutorials: steps, panel navigation, actions on real assets. English and Spanish.

PGXEditorTools

Hub + Dashboard

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 6 tool plugins and PGX systems, one dashboard. Version, health status, KPI chips — every metric surfaced without opening a single file. One click opens any inspector.

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

Hub screenshot from an internal development build. Counters predate the v0.1.1 snapshot.

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.

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. Atomic Slate widgets ensure consistent UX across panels.

Atomic Widgets

S SPGXAccentBar
S SPGXPanelHeader
S SPGXSectionDivider
S SPGXFooterBar
S SPGXKPIChip
S SPGXStatusBadge
S SPGXEmptyStateV2
S SPGXTableRow
S SPGXSparkline
S SPGXGraphPanel
S SPGXHealthDots
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
Test Harness

PSPH — Test Systems at Once

The 10 dogmas above aren’t just theory. The PSPH harness validates them in practice: deep injection into systems. Demo mode populates your project with realistic test data in one click.

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

Deep injection · Demo data · Dogma checks
PSPH Control Panel
Test Harness
PSPH Control Panel — Test harness with deep injection
Engineering Quality & Audits → ← Systems