⭐ AI Brainstorm Tool — Project Case Study
URL: Brainstorm.LinhTruong.com
🚀 Overview
AI Brainstorm Tool is an interactive ideation workspace that helps users generate, refine, and structure ideas across domains—product concepts, marketing campaigns, feature roadmaps, content outlines, and more. Instead of a single “chat,” it guides users through multi‑step creative workflows: diverging (idea expansion), clustering (theme discovery), and converging (prioritization and next steps).
The goal is to turn raw thoughts into structured, actionable idea sets that teams can actually execute on.
👨💻 My Role
- Architecture:
Overall system design, multi‑step ideation flows, state handling - Backend:
Session management, idea storage, clustering logic - AI/ML:
Prompt design for divergent/convergent thinking, idea grouping, and refinement - Frontend:
UX for interactive brainstorming, tagging, and prioritization - DevOps:
Deployment, environment configuration, monitoring
🧩 Problem & Constraints
Most AI tools generate ideas, but:
- They don’t help users organize or prioritize them
- They lose context across multiple iterations
- They don’t support different ideation modes (explore vs refine vs decide)
- They feel like chat, not like a creative workspace
Constraints for this tool:
- Must support multi‑step workflows (explore → cluster → refine → prioritize)
- Must keep a persistent session context across steps
- Must present ideas in a way that’s scannable and editable
- Must feel lightweight and fast enough for real brainstorming sessions
🏗️ 1. System Architecture Diagram
┌───────────────────────────────┬───────────────────────────────┬───────────────────────────────┐
│ Frontend │ API Gateway Layer │ Session Store / DB │
│ (Brainstorm Workspace UI) │ (Auth, Routing, Rate Limits) │ (Ideas, Tags, States) │
└───────────────┬───────────────┴───────────────┬───────────────┴───────────────┬───────────────┘
│ │ │
▼ ▼ ▼
┌──────────────────────────┐ ┌──────────────────────────┐ ┌──────────────────────────┐
│ Ideation Orchestrator │ │ Idea Processing Engine │ │ Clustering Engine │
│ (Mode: Explore/Refine) │ │ (Expand, Rewrite, Merge) │ │ (Group by Theme/Intent) │
└───────────────┬──────────┘ └───────────────┬──────────┘ └───────────────┬──────────┘
│ │ │
└───────────────┬───────────────┴───────────────┬───────────────┘
▼ ▼
┌──────────────────────────┐ ┌──────────────────────────┐
│ Context Builder │ │ LLM Layer │
│ (Prompt + History) │ │ (Idea Generation/Refine) │
└──────────────────────────┘ └──────────────────────────┘
🔄 2. Data Flow Diagram
┌──────────────────────────┐
│ 1. User Enters Prompt │
│ (Topic, Goal, Constraints)│
└───────────────┬──────────┘
▼
┌──────────────────────────┐
│ 2. API Gateway Validates │
│ & Attaches Session │
└───────────────┬──────────┘
▼
┌──────────────────────────┐
│ 3. Ideation Orchestrator │
│ Selects Mode │
│ (Explore / Refine / Plan)│
└───────────────┬──────────┘
▼
┌──────────────────────────┐
│ 4. Context Builder │
│ Assembles History │
│ + Current Input │
└───────────────┬──────────┘
▼
┌──────────────────────────┐
│ 5. LLM Layer Generates │
│ Ideas / Variations │
└───────────────┬──────────┘
▼
┌──────────────────────────┐
│ 6. Idea Processing │
│ (Clean, Structure) │
└───────────────┬──────────┘
▼
┌──────────────────────────┐
│ 7. Clustering Engine │
│ Groups by Theme │
└───────────────┬──────────┘
▼
┌──────────────────────────┐
│ 8. UI Renders Ideas, │
│ Clusters & Actions │
└──────────────────────────┘
🔁 3. Workflow Diagram
┌──────────────────────────┐
│ 1. Start Brainstorm │
│ (User defines topic/goal)│
└───────────────┬──────────┘
▼
┌──────────────────────────┐
│ 2. Explore Mode │
│ Generate many ideas │
└───────────────┬──────────┘
▼
┌──────────────────────────┐
│ 3. Cluster Mode │
│ Group ideas by themes │
└───────────────┬──────────┘
▼
┌──────────────────────────┐
│ 4. Refine Mode │
│ Improve selected ideas │
└───────────────┬──────────┘
▼
┌──────────────────────────┐
│ 5. Prioritize / Next Steps│
│ (Mark favorites, actions) │
└───────────────┬──────────┘
▼
┌──────────────────────────┐
│ 6. Export / Capture │
│ (Copy, save, share) │
└──────────────────────────┘
🤖 4. “Brain Modes” Coordination Diagram
┌──────────────────────────┐
│ Ideation Orchestrator │
│ (Tracks Mode + State) │
└───────────────┬──────────┘
│
┌──────────────┼───────────────────────────────┐
│ │ │
▼ ▼ ▼
┌──────────┐ ┌──────────┐ ┌──────────┐
│ Explore │ │ Cluster │ │ Refine │
│ Mode │ │ Mode │ │ Mode │
└─────┬────┘ └─────┬────┘ └─────┬────┘
│ │ │
└─────────────┼───────────────┬──────────┘
▼ ▼
┌──────────────────┐ ┌──────────────────┐
│ Context Builder │ │ LLM Layer │
│ (History + Tags) │ │ (Ideas/Edits) │
└─────────┬────────┘ └─────────┬────────┘
│ │
▼ ▼
┌──────────────────┐ ┌──────────────────┐
│ Session Store │ │ UI Renderer │
│ (Ideas, States) │ │ (Lists, Clusters)│
└──────────────────┘ └──────────────────┘
🎨 UX & Design Rationale
- Mode‑based workflow
(Explore → Cluster → Refine → Prioritize) mirrors how real teams brainstorm - Column‑based layout
makes ideas scannable and easy to compare - Tagging and clustering
help users see patterns instead of raw lists - Inline editing
lets users tweak AI output instead of starting over - Session persistence
supports longer, iterative brainstorming sessions
🔬 Technical Deep Dive
Session & State Management
- Each brainstorming session has:
- Topic, goal, constraints
- Idea list (with metadata: source, mode, timestamp)
- Clusters and tags
- State is persisted so users can move between modes without losing context
Ideation Orchestrator
- Controls which “brain mode” is active:
- Explore:
maximize diversity and volume - Cluster:
group by similarity or theme - Refine:
improve clarity, specificity, or feasibility
- Explore:
- Decides what context to send to the LLM based on mode
Idea Processing & Clustering
- Normalizes ideas into a consistent structure (title + description + tags)
- Uses lightweight similarity scoring (embeddings or heuristic matching)
- Groups ideas into clusters with labels (e.g., “Growth Experiments”, “UX Improvements”)
LLM Reasoning Layer
- Different prompt templates per mode:
- Explore: “Generate many diverse ideas…”
- Cluster: “Group these ideas into themes…”
- Refine: “Rewrite this idea to be more specific/actionable…”
- Ensures outputs are structured for easy rendering in the UI
📈 Results & Impact
- Turns “chat‑style” AI into a structured brainstorming workspace
- Helps users go from vague topics to organized, prioritized idea sets
- Supports repeated, iterative sessions for teams or solo creators
- Demonstrates how LLMs can be used for process‑aware creativity, not just one‑off responses
🔗 Live Demo
Brainstorm.LinhTruong.com