Skip to content
Projects
Flow

Flow

Document workspace for writing, organizing, and editing content with AI assistance. Combines a Next.js web app with CLI and MCP tooling for document chat, template workflows, generated assets, agent configuration, and Notion import and publish flows.

Next.js · React · TypeScript · Lexical · Tailwind CSS · Radix UI · Zustand · tRPC · Drizzle ORM · SQLite · AI SDK · TanStack Query · MCP · Turborepo

Description

Document workspace for writing, organizing, and editing content with AI assistance. It combines a Next.js web app with shared CLI and MCP tooling, and supports document chat, prompt and template workflows, generated assets, snippets, agent configuration, and Notion import and publish flows inside one workspace.

Features

  • Lexical-based document editor with markdown, code highlighting, Mermaid, and rich selection-aware editing
  • AI document chat with search/edit tooling for conversational updates inside a document
  • Template-driven document workflows with kickoff prompts, variables, and structured sections
  • Prompt generator and prompt-template management for reusable AI workflows
  • Image generation and asset library flows tied directly to document editing
  • Manual document version snapshots with diff and restore support
  • Project, tag, snippet, and asset management for organizing workspace content
  • Configurable agents, provider settings, and MCP/CLI tool access
  • Notion search, import, and publish support for syncing documents with external pages

Tech Stack

  • Next.js, React, TypeScript
  • Lexical editor with markdown/table/code/link plugins
  • Tailwind CSS, Radix UI, Zustand
  • tRPC (API layer), Drizzle ORM, SQLite
  • AI SDK (OpenAI, Codex, Google Gemini, Portkey)
  • TanStack React Query, TanStack React Form
  • MCP server, CLI scripts, Shiki, Mermaid
  • Turborepo + pnpm monorepo
Gallery