Industrial UI Architecture — Agent Control Center (tools.yeste.id)

APEX CORE ENGINE Deterministic UI/UX Runtime & Component Forge

APEX Industrial UI Engine & Component Bank

Arsitektur modular terisolasi: manipulasi token HSL dinamis (0ms delay), kalibrasi kurator ergonomi UI/UX terintegrasi, dan auto-mounting bank komponen kapsul DHDT.

Launch APEX Studio

Interactive Tools & Live Engines

APEX STUDIO

Theme & Color Engine

Theme Forge interaktif: manipulasi hue anchor CSSOM (0ms delay), token presets, dan ekspor JSON/CSS terstandarisasi.

Route: /engine.html Live Ready →

COMPONENT BANK

Dynamic Component Bank

Katalog kapsul komponen DHDT dinamis yang dimuat secara otomatis dari engine/components/ lengkap dengan kontrak token.

Route: /engine.html#view=BANK Live Ready →

AI BLUEPRINT PREVIEW

Live Blueprint AI Preview

Pratinjau langsung dasbor hasil kompilasi AI UX Philosopher dengan validasi Gatekeeper dan roving tabindex.

Route: /blueprint-preview.html Live Ready →

PARAMETRIC ENGINE

3-Zone Live Theme Engine

Theme engine parametrik 3 zona: Panel slider HSL, Stage komponen 6-state, URL Hash serialization, dan Exporter.

Route: /engine.html Live Ready →

Industrial Theme Archetypes & Dedicated Pages

1 Living Themes

APEX-THM-ERP-01 Industrial IoT & Logistics

Industrial IoT & Warehouse Telemetry

B:220° P:215° A:38° • R:8px

Buka Halaman Edit Studio

Compiled Artifacts & Design Tokens

React 19

GeneratedDashboard.tsx TypeScript TSX

W3C DTCG

figma-tokens-studio.json Tokens Studio

:root HSL

theme.css CSS Custom Properties

Tailwind Play

tailwind.config.js Theme Extension

YnoteUX

interactions.js Defensive Runtime

Golden Blueprint Registry (Approved Snapshots)

4 Verified Entries

Title / Name	Preset	Components	Gatekeeper Status	Created At	Action
#1 Server Performance Dashboard server-performance-dashboard-20260907-134517	navy-industrial-default	7	APPROVED	2026-09-07 11:45:17	Preview
#2 Server Monitoring Dashboard server-monitoring-dashboard-20260907-115552	navy-industrial-default	14	APPROVED	2026-09-07 09:55:52	Preview
#3 Server Performance Dashboard server-performance-dashboard-20260907-103950	navy-industrial-default	9	APPROVED	2026-09-07 08:39:50	Preview
#4 Server Performance Dashboard server-performance-dashboard-20260907-103545	navy-industrial-default	9	APPROVED	2026-09-07 08:35:45	Preview

Model Context Protocol (MCP) Integration

JSON-RPC 2.0 stdio Ready

Agen AI eksternal (seperti Claude Code, Cursor, Gemini CLI, atau Antigravity) dapat menginspeksi aturan desain dan komponen secara programatik dengan menambahkan konfigurasi berikut ke berkas konfigurasi MCP mereka:

{
  "mcpServers": {
    "yeste-industrial-ui": {
      "command": "node",
      "args": ["/home/ubuntu/tools/css-generator/src/agent/mcp-server.js"]
    }
  }
}

YESTE THEME & COMPONENT FORGE V3.0 FORGE