DEV Community

Cover image for Stop Getting Walls of AI Text — I Built a Tool That Shows Thinking Paths
Pandi Selvam P
Pandi Selvam P

Posted on

Stop Getting Walls of AI Text — I Built a Tool That Shows Thinking Paths

#ai #javascript #electron #opensource

🧠 MindRoute — Stop Getting Walls of AI Text. Start Thinking in Paths.

AI chat tools give you one giant answer.

But real thinking doesn't work like that.

When solving a problem, we usually explore multiple approaches:

• analytical
• creative
• practical
• visual

So I built MindRoute — a desktop AI tool that lets you explore multiple thinking paths step-by-step.

Instead of receiving a wall of text, you choose how deep the AI should go.

🚀 What is MindRoute?

MindRoute is an Electron desktop chatbot that changes how we interact with LLMs.

Instead of one response, it generates multiple strategic thinking routes.

You control the depth.

Think of it like Google Maps for ideas.

🧭 Multiple paths
🎯 Choose your route
📊 Go deeper step by step

✨ How It Works

1️⃣ Ask a question

2️⃣ AI generates 4 thinking approaches

  • Analytical
  • Creative
  • Practical
  • Visual Flowchart

3️⃣ Click a step to explore deeper

4️⃣ AI executes only that step

5️⃣ Responses include

  • Code blocks
  • Structured analysis
  • Mermaid diagrams

6️⃣ New thinking paths appear based on the conversation.

You can change direction anytime.

🧠 Example Thinking Paths

Analytical

① Break down the question
② Examine components
③ Synthesize insights

Creative

① Brainstorm ideas
② Explore unusual options
③ Refine concepts

Practical

① Implementation strategy
② Constraints and risks
③ Action steps

Visual Flowchart

① Map process flow
② Identify decision points
③ Generate Mermaid diagram

📊 Built-In Mermaid Diagrams

MindRoute automatically generates Mermaid flowcharts for visual thinking.

Example:

flowchart TD
A[Problem] --> B{Analyze}
B --> C[Option 1]
B --> D[Option 2]
C --> E[Solution]
D --> E
Enter fullscreen mode Exit fullscreen mode

Rendered directly inside the chat UI.

💻 Developer-Friendly Features

🧭 Guided Thinking Paths

  • 4 structured approaches per question
  • Click steps to control depth
  • Visual progress indicators

📊 Mermaid Flowcharts

  • Generated automatically
  • Interactive SVG diagrams
  • Syntax auto-fixing for LLM output

💻 Code Block Rendering

  • Syntax highlighting
  • Copy button for every block
  • Developer fonts (JetBrains Mono, Fira Code)

☁️ Cloud + Local LLM

  • Ollama Cloud support
  • Local models supported
  • Switch between models easily

🖥️ Tech Stack

Desktop: Electron

LLM Backend: Ollama

Frontend: Vanilla HTML / CSS / JS

Diagrams: Mermaid.js

Models Supported:

  • Llama
  • Gemma
  • Mistral
  • gpt-oss (Ollama Cloud)

⚡ Quick Start 

git clone https://github.com/Pandi2352/MindRoute.git
cd MindRoute
npm install
npm start
Enter fullscreen mode Exit fullscreen mode

Local Ollama also works:

ollama run llama3
Enter fullscreen mode Exit fullscreen mode

💡 Why I Built This

Most AI chat tools produce long responses that are hard to navigate.

I wanted something that helps with:

  • debugging
  • architecture thinking
  • research
  • structured problem solving

So instead of one answer, MindRoute helps you explore the reasoning itself.

🔮 Future Plans

• Streaming responses
• Multiple models per thinking path
• Plugin system
• Conversation export
• Custom thinking templates

🔗 GitHub

If you're interested, check it out here:

https://github.com/Pandi2352/MindRoute

Feedback, ideas, and contributions are welcome.

🧠 Think smarter. Explore deeper. Control your AI conversations.

Top comments (0)