Product UIBuilt with AIPersonal project · Shipped in 10 days
Design with AI
A personal AI workspace — streaming chat, memory, RAG, and a conversational design studio in one shell.
PersonalDesign EngineerMay 5–15, 2026
10
Days to ship
5
Core surfaces
35
Layout patterns
What I built
Five surfaces in one React shell — from streaming chat to generative canvas.
- Mistral streaming chat with virtualized threads and starter prompts
- Persistent memory — global profile, preferences, and per-thread context
- Client-side knowledge upload for grounded answers without a backend
- Design Studio — resizable split chat + Konva canvas with export
- Multi-phase design agent with visible chain-of-thought
- UI Playground to theme chat patterns and preview viewports live
Workspace
Chat, memory, and knowledge in one sidebar-driven shell.
Design Studio
Conversational layout generation on a Konva canvas.
Playground
Live chat UI configurator for themes, avatars, and viewports.
Design approach
- 360px chat column pinned across Design and Playground surfaces
- Layout intelligence scores LLM output against 35 catalogued patterns
- WCAG AA contrast and 8px grid enforced in agent prompts
- Solo personal build — design through deployment in ten days
Stack
ReactTypeScriptTailwindKonvaZustandMistralVite
Personal experiment in AI workspace UX — shipped in ten days.