Milk Tea · UI prototypes · v0.1

Your personal company.
Which front office feels right?

Three clickable directions for the same idea: one super agent (Boba) as chief of staff, department heads you can talk to directly, a boardroom, tasks, reminders and a shared vault. All are mock data — judge the feel, the flow and what's missing.

Direction A · desktop-first

Command Center Grok-like

Boba's chat front and centre, with a "Now" rail for agenda, live sub-agent runs and approvals. Departments live in the left rail — one click for a direct line.

darkcomposer-firstlive runsapprovals
Open prototype
Direction B · overview-first

Company HQ org chart

The company metaphor made literal: an org chart you can read at a glance, department health, task pipeline and vault activity — with a chat drawer for Boba or any head.

warm lightorg chartboardroomvault
Open prototype
Direction C · personal & mobile-first

Boba Muse-like

Feels like messaging a person, not operating an app. Avatar with a three-layer status (line → activity → log), side chats with departments, artifacts, and editable memory.

warm minimalavatar statusmobile tabsmemory
Open prototype

Where the ideas came from

  • Grok — calm chrome, one dominant composer, mode picker where you ask.
  • Meta Muse — messaging metaphor, avatar-as-status, proactive cards, approval cards, editable memory, artifacts.
  • Manus — task → deliverable framing, visible runs, elapsed time.
  • Your brief — company structure, direct lines to heads, boardroom, shared vault.

Try these in each prototype

  • Send a message, then click a department for a direct line.
  • Click New task and create one — watch it land in the board.
  • Add a reminder and see it appear in the agenda/timeline.
  • Open the boardroom, run the discussion, save the brief.
  • In C, tap the avatar for status layers; open You to edit memory.
Prototype only — mock data, no backend. Scope & research: vision · UI study. milktea.qrhk.app · 2026-11-14