Launchpad

Launchpad turns a single keyword into a mind map. You give it a word, pick a category like Marketing or Storytelling, and it lays out a constellation of related ideas on a canvas you can pan and zoom. The look leans on a launch metaphor, a pale starfield with a rocket that lifts off while it thinks.

It was my entry at the 2026 ElementX Hackathon, a weekend event at work.

How it works

Two agents run in sequence. The first is a brainstormer that writes a three level hierarchy in Mermaid mind map syntax. The second is a translator that 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.

The map is yours to shape after that. Expand any node and the agent grows just that branch from its own context. You can also add, edit, and delete nodes by hand, then export the whole thing as a PNG.

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 the two agents.

A few details worth noting

• Selecting a node lights up the path back to the root.
• The loading screen cycles through the topics it just brainstormed.
• The keyword field drifts through example prompts while idle.