A workspace for making
Design with AI
A personal AI workspace — streaming chat, memory, RAG, and a conversational design studio in one shell.
01 / At a glance
Turn a prompt into a workspace.
Five surfaces in one React shell — from streaming chat to generative canvas.
- Days to ship
- 10
- Core surfaces
- 5
- Layout patterns
- 35
02 / The work
What this project includes
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
03 / In the product
Selected screens
01 / 03
Workspace
Chat, memory, and knowledge in one sidebar-driven shell.
02 / 03
Design Studio
Conversational layout generation on a Konva canvas.
03 / 03
Playground
Live chat UI configurator for themes, avatars, and viewports.
04 / Behind the build
Design and engineering notes
- 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
Tools and stack
Role Design Engineer
Explore the project