← Back to Hiring Profile
Developer Tools & Code Prototyping • Desktop 5.0 & Mainframe Modernization

AI Assist Desktop 5.0 & Agent Command Center: Multi-Task Workspaces & Interactive Code Prototyping

Moving enterprise developers beyond the linear chat box: tab-based task isolation, side-by-side legacy code diffing for Mainframe Modernization, and authoring functional HTML/CSS/JS prototypes to stress-test complex workflows before dev sprints at HashedIn by Deloitte.

Role

Principal Interaction Architect

Company

HashedIn by Deloitte

Methodology

Interactive Code Prototypes

Handoff Gain

50% Fewer Revisions

01

The Context: The Limits of the Chatbox

Modern software engineers simultaneously manage multiple repositories, pull requests, and automated test pipelines. Single-thread conversational AI interfaces force developers into endless vertical scrollback, destroying mental state and context.

01

Context Fragmentation

Attempting to debug an API, refactor a SQL schema, and inspect test logs inside one linear chat stream mixes unrelated code artifacts.

02

Mainframe Diff Blindness

Converting 40-year-old COBOL scripts to Java requires dual-pane synchronized line-by-line inspection, variable mapping, and syntax diffing.

03

Static Design Ambiguity

Static Figma files cannot convey keyboard shortcuts (Cmd+Tab), dual-pane scroll synchronization, or live agent telemetry.

02

Architectural Solutions & UX Craft

1. Tab-Based Multi-Session Architecture & "Chat-to-Tab"

Workspace UX

Architected a tabbed desktop interface for AI Assist Desktop 5.0. Introduced the "Chat-to-Tab" extraction flow: developers can select any generated code artifact or diagram from conversation and pop it into a persistent workspace tab without breaking context.

[Tab Bar]: [Mainframe Diff] | [Auth API Refactor *] | [Agent Telemetry] | [+] ● AI Assist 5.0 Desktop
[Legacy COBOL Source] 000100 IDENTIFICATION DIVISION.
000200 PROGRAM-ID. CUST-BILL.
000300 ... Line-by-line sync active
[Modern Java Equivalent (Generated)] public class CustomerBillingService {
  public BillingSummary calculate(...) {
  ... Synchronized scrolling

2. Authoring Functional HTML/CSS/JS Code Prototypes

Vibe Coding

Instead of expecting engineers to interpret complex diff interactions from Figma, Ujjwal wrote working HTML/CSS/JS prototypes to stress-test keyboard navigation, split-pane resizers, and dual scroll locks. Validated performance with frontend leads weeks before sprint planning.

3. High-Density Agent Command Center

Operations UX

Designed the operator command console displaying real-time agent status, token burn rates, policy violations, and loop detection, allowing a single lead to supervise 50+ concurrent autonomous agent tasks safely.

03

Measurable Business ROI

50%

Fewer Post-Handoff Revisions

Interactive code prototypes resolved UX ambiguity before sprints

35%

Faster Legacy Code Reviews

Synchronized diffing accelerated modernization verification

50+

Concurrent Autonomous Agents

Monitored safely via the Agent Command Center

04

Retrospective & Design Leadership Reflections

What I learned: When designers write functional code prototypes, the barrier between "design intent" and "engineering implementation" disappears. Prototyping keyboard shortcuts and data synchronization in real code gives engineering leaders absolute confidence in feasibility.

Key Takeaway for Hiring Managers: "I design for developer ergonomics because I speak the language of code. My ability to prototype interactively cuts handoff cycles in half and ensures what we design can actually be shipped."
← Previous: Clinical Risk Management Next: Enterprise Cloud FinOps SaaS →