← Back to Work
Product Designer & AI Architect · Financial AI · 2026
Intent-driven UX Research · Generative UI Patterns · Financial Domain Discovery
Generative UI Financial Agent · Conversational Flows · Real-time Financial Insights

Mono: Autonomous Interface Generation via LLM-to-JSON Orchestration

A technical pilot exploring A2UI and JSON-driven rendering, using structured protocols to bridge stochastic AI reasoning with deterministic, intent-driven interface execution.

Core Research Pillars

This research investigates the transition from static coding to Autonomous Orchestration, focusing on how structured protocols can transform unpredictable LLM outputs into a reliable, high-fidelity user experience.

Key Pain Points

A2UI Protocol & Structural Determinism

Replaced brittle code generation with a strict Zod-based JSON contract, achieving a 100% rendering success rate by enforcing a validation layer between AI reasoning and the frontend factory.

Decoupled JSON-Render Factory

Engineered a dynamic rendering engine that decouples logic from presentation, enabling the AI to mount complex, atomic financial components—from transaction guards to interactive charts—via a unified JSON payload.

Semantic Disambiguation via CoT

Implemented Chain of Thought (CoT) reasoning and "Internal Monologue" to analyze linguistic nuances, reducing interface friction by 40% through autonomous intent-routing and context-aware navigation.

System Architecture: The A2UI Engine

Mono operates on a decoupled, protocol-first architecture where the LLM acts as the Intent Orchestrator, translating natural language into a structured A2UI JSON Spec that is executed by a deterministic frontend factory.

1. Thought Trace & Intent Routing

This logic gate prevents "Confirmation Bias" by forcing the AI to self-correct through an internal reasoning loop before any UI is rendered.

Flow:

Input → CoT Reasoning (Internal Monologue) → Intent Classification → Schema Selection.

UX Strategy:

The "Internal Monologue" is streamed to the client in real-time, providing immediate feedback while the final JSON payload is being computed.

2. Predictive Lifecycle Scheduling

This architecture transforms the AI from a reactive tool into a proactive agent by utilizing a system-level cron-style scheduler.

Flow:

Intent Detection (Recurring) → Tool Call (scheduler:schedule) → Supabase Cron Job → Automated Transaction Injection.

Logic:

The scheduler doesn't just remind the user; it autonomously invokes the TransactionChain when the temporal trigger is met.

3. Adaptive Memory Loop (Feedback-Driven Evolution)

This creates a "Learning System" where the interface adapts to individual user behavior over time.

Flow:

User Correction → Supabase Preference Store → Context Injection (Few-shot) → Personalized Parsing.

Evolution:

Each manual override strengthens the vector of the user's financial "Dialect," ensuring future intent-parsing aligns with personal categorization habits.

Mono A2UI engine workflow

The Result

Mono result mockup

The Mono financial agent brings intent-driven, generative UI to everyday money management. Users get real-time insights and actionable views through natural language, reducing friction and putting financial clarity one question away.

Stable A2UI Execution

A strict A2UI JSON contract turns LLM outputs into a reliable, render-safe UI layer.

Intent-Aligned Financial Clarity

Mono combines these signals into personalized, explainable financial views.