Skip to main content
Dark mode

Prism

In Progress

2026

Prism screenshot

Overview

Prism is a browser-native cloud IDE and web application development platform — no local setup or terminal required. Projects run entirely in the browser through WebContainers, which boot a full Node.js development environment using WebAssembly, with a live preview panel and an embedded Xterm.js terminal. Code changes sync from the Convex real-time database directly into the WebContainer file system via hot-reload, without restarting the dev server.

The editor is built on CodeMirror 6 with multi-tab management (Zustand), minimap, indentation markers, and file breadcrumbs, backed by a hierarchical Convex file system. An autonomous AI coding agent — powered by Google Gemini through the Inngest Agent Kit — can read, create, modify, rename, and delete files across a project, and scrape external documentation via Firecrawl. Inline AI editing is available through a Quick Edit modal (Cmd+K) and real-time cursor suggestions. GitHub repositories can be imported or exported as resilient Inngest background jobs with full cancellation support.

What I built

  • Built an in-browser Node.js execution sandbox using WebContainers (WebAssembly) with Convex-to-filesystem hot-reload — no container reboots on file edits
  • Implemented an autonomous AI coding agent via Inngest Agent Kit and Google Gemini, with tools for file read/write/create/delete/rename and live documentation scraping through Firecrawl
  • Designed a CodeMirror 6 editor with Zustand-backed multi-tab management, minimap, indentation markers, and a hierarchical Convex-backed file system with full CRUD
  • Built GitHub repository import and export as resilient Inngest background jobs with full cancellation support, handling binary/text file separation and Convex blob storage

Tech stack

Next.jsReactTypeScriptConvexClerk