Lifebook - Generative UI Global Hackathon: Agentic Interfaces
AI Tinkerers - Hong Kong
Hackathon Showcase

Lifebook

3 members Watch Demo

Tagline: Reminiscence therapy where the interface is generated, one memory at a time.

Track: Track 2 — The Copilot That Ships

Lifebook is a copilot for elderly people doing reminiscence therapy. The user
speaks one memory aloud — “My wedding day in 1972, the jasmine flowers” — and
the copilot doesn’t just listen. It builds.

A memory card the social worker reads back to her, with editable date, place,
people, smells, and sounds. An illustrated watercolour storyboard of the
moment. Four follow-up questions picked for that memory only — never generic.
A 3D moment to step into. A chapter saved into her permanent Lifebook.

Every memory produces a different screen. The agent classifies the emotional
tone and generates a palette per chapter — muted dawn rose for a tender
memory of her daughter’s birth, warm gold for the wedding. Spacing, prompt
count, and contrast all adapt to elderly-accessibility constraints baked into
the agent prompt: WCAG AA contrast, 18px minimum text, 44px tap targets, no
agitating saturated reds.

The UI doesn’t exist until she remembers. That’s the whole product.

- AG-UI Protocol (@ag-ui/client - Claude Code - CopilotKit (react-core - DeepSeek V4 Flash (LLM - Gemini 2.5 Flash Image (Nano Banana - LibSQL (chapter persistence) - Mastra (core - Next.js 16 - Poly Haven HDRIs (Combination Room - React 3 Fiber - three.js / React Three Fiber (3D Memory Palace moments) @ag-ui/mastra) AI Tinkerers CopilotKit Old Hall) React 19 Regal Hotels TailwindCSS 4 illustrated storyboards) libsql) memory primary) + OpenAI (fallback) react-ui runtime)