Back to projects

Ghost AI — Real-Time Collaborative System Design Tool

Ghost AI is a real-time collaborative system design tool powered by AI. It gives users an infinite canvas to sketch out system architecture — nodes for services, databases, and queues, connected by edges representing data flow — while multiple people work on the same board simultaneously and see each other's changes live. Alongside the canvas sits an AI chat sidebar, so instead of designing in isolation, users can talk through trade-offs, ask questions about their architecture, and iterate on the design conversationally. The standout feature is one-click spec generation: the AI reads the entire canvas state plus the full chat history and produces a complete Markdown technical specification — covering the system overview, architecture, individual components, data flow, key design decisions, and open questions — which can be previewed in a scrollable modal and downloaded as a .md file. Spec generation runs as a background job via Trigger.dev so it doesn't block the UI, and the project is organized around a dashboard for managing multiple design projects at once. It was built to explore how real-time collaboration (Liveblocks), structured LLM output (the Vercel AI SDK with Gemini 2.5 Flash Lite via OpenRouter), and a canvas-based UI (React Flow) can combine into a single cohesive workflow that goes from whiteboarding an idea to a shareable spec document in minutes.

Ghost AI — Real-Time Collaborative System Design Tool

Key Features

Tech Stack

Next.js 16TypeScriptReact FlowLiveblocksVercel AI SDKTrigger.devPrismaClerkTailwind CSS