Mind-Craft

Research is messy. Mind-Craft makes it visual. Capture web content instantly, connect ideas on canvas, and generate exactly what you had in mind. Visual prompt construction meets Gemini Nano

Comment

Inspiration

The project came from a desire to visually organize research in a way that would make as much sense to the average user as it did to an AI model.

What it does

Mind-Craft combines three powerful concepts:

Seamless Capture - Chrome extension lets you capture web content with one click (text, images, summaries, screenshots)

Visual Organization - Node-based canvas where you drag, connect, and prioritize ideas

Structure-Aware AI - Chrome's built-in AI synthesizes content following your visual structure

How I built it

Tech Stack

Frontend: Next.js 15.5, React 18, JavaScript

UI: React Flow (node graph), Tailwind CSS

Chrome Extension: Manifest V3 with side panel

AI: Chrome Built-in APIs (Summarizer, Prompt, Writer)

Deployment: Vercel

Challenges I ran into

When users deleted nodes in the side panel, they'd reappear 2 seconds later. Root Cause: The web app was syncing its node state to the API after the side panel deleted the node, effectively resurrecting it. Solution: Implemented a deletion tracking system in /api/capture. When the side panel deletes a node, it marks it as deleted. The web app checks this deleted list BEFORE syncing back. Added clearing of the deleted list after processing to prevent memory bloat.

What we learned

Chrome Extension Development React Flow Chrome Built-in AI APIs

Built With

Share this project:

Updates