DiagramsCAN I VIBECODE
MindNode?
BUILD FIRST
- One specific customer type and one primary use case
- A vertical slice that completes the main job without manual workarounds
- Visible limits, review steps, and a fallback when an external dependency fails
LEAVE FOR LATER
- Broad third-party integrations
- High-scale collaboration, syncing, and permissions
- Automation that can cause harm without human review
RESEARCH NOTES
What this tool actually does.
MindNode is a visual mind-mapping and outlining app designed for the Apple ecosystem (Mac, iPad, iPhone, Apple Watch, Vision Pro) with private iCloud sync. It combines freeform mind maps on an infinite canvas with a structured Outline View for linear editing. Core features: branching/clustering nodes, visual tags with Tag Highlight Mode, Connections (non-hierarchical links between nodes), Notes, Focus Mode (dims everything except selected nodes), Folding (collapse branches), and LaTeX equation support. It supports live real-time collaboration, tasks synced with Apple Reminders, Apple Shortcuts automation, and cross-document node linking. Import covers OPML, Markdown, and plain text; export covers PDF, SVG, FreeMind, OPML, PNG, Markdown, TextBundle, Plain Text, and Rich Text. Styling includes dynamic light/dark themes, tapered branches, vertical/horizontal/compact/radial layouts with manu
RESEARCHED BUILD PROMPT
Give this to your coding agent.
Build a web-based replacement for the core workflow of MindNode (mind mapping + outline). The app must let a user create an infinite-canvas mind map: double-click to add a central topic, Tab/Enter to add child and sibling nodes, drag to reposition, and drag node edges to create non-hierarchical Connections. Provide a side-by-side Outline View that mirrors the map as an editable hierarchical list, with edits syncing both ways. Include: node Notes (collapsible detail panel), Folding to collapse/expand branches, Focus Mode that dims all but selected nodes, visual Tags with a highlight/filter mode, and a Tasks toggle that marks nodes as actionable. Support import of OPML/Markdown/plain text and export to Markdown, OPML, PNG, and SVG. Add styling controls: node shapes (circle, square, rectangle, rounded, pill, cloud, hexagon, octagon), branch colors, and light/dark themes. Technical approach: React + a graph library (e.g., react-flow or a custom SVG/canvas renderer) for the map, a tree data model shared by map and outline, and localStorage for persistence with optional multi-user sync via a simple backend (e.g., WebSocket or Firebase) for live collaboration. Do NOT copy MindNode's brand, logo, marketing copy, proprietary assets, or its exact UI layout; build an original visual identity. Out of scope: Apple Reminders/Shortcuts integration, Vision Pro support, AI image generation, LaTeX rendering, and native mobile apps. Deliver a README covering setup, architecture, and important limitations (e.g., no offline-first conflict resolution, single-node selection limits, and performance tradeoffs on very large maps).