Launchpad
January 2026
An AI brainstorming canvas that turns one keyword into a mind map on a pale starfield, with a rocket that lifts off while the ideas are written.
- Role
- Solo entry
- Built with
- React
- TypeScript
- Vite
- React Flow
- MUI
- Zustand
- OpenAI
Launchpad turns a single keyword into a mind map. I built it on my own over one weekend for the 2026 ElementX Hackathon.
Where it started
I used to brainstorm with AI in a chat, where the ideas come back as one long column of text. I wanted an interface that laid them out as a map instead.
How it works
You give it a word and pick a category like Marketing or Storytelling. Choosing a category swaps the three fields underneath it. Marketing asks for a product, an industry and an audience, while Storytelling wants a genre, a setting and characters. Those answers go to the agents as context, so what comes back is specific to what you are working on.
The ideas land on a canvas you can pan and zoom. Selecting a node lights the line of thought back to the root, and any node can be expanded, edited or deleted.
How it's built
- React, Vite and TypeScript, with React Flow for the canvas.
- MUI for the controls and Zustand for state.
- The OpenAI Agents SDK drives two agents in sequence.
Two agents, one map
A brainstormer writes a three level hierarchy in Mermaid mind map syntax, and a translator converts that text into typed nodes and edges, with tree layout coordinates so nothing overlaps. A zod schema validates the shape before it reaches the canvas. Expanding a branch runs the same pair again, rooted on that one node.
A keyword expanded into a three level constellation of ideas.