Menu
Create interactive mind maps from notes or outlines.
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
Based on SOC occupation classification
| name | mindmap |
| description | Create interactive mind maps from notes or outlines. |
Convert Markdown files to interactive HTML mind maps with enhanced features. Uses official Markmap frontend with custom controls.
Input: Markdown file with heading hierarchy (# ## ### ####) Output: Interactive HTML with enhanced features
This is a pure converter - no LLM required. Agent generates Markdown → this skill converts to interactive HTML.
1. Ask Claude: "Generate a mind map about X in Markdown format"
2. Claude creates Markdown with # ## ### #### hierarchy
3. Save to file (e.g., mindmap.md)
4. Run from `skills/mindmap`: `python main.py -i mindmap.md -o mindmap.html`
5. Open HTML → interact with enhanced mind map
cd skills/mindmap
python main.py --input mindmap.md --output mindmap.html
Parameters:
--input, -i: Input Markdown file (required)--output, -o: Output HTML file (default: mindmap.html)# Main Topic
## First Branch
### Subtopic 1.1
#### Detail 1.1.1
#### Detail 1.1.2
### Subtopic 1.2
## Second Branch
### Subtopic 2.1
Markmap includes a KaTeX plugin, so math renders automatically when you use LaTeX delimiters inside headings.
# Calculus
## Euler: $e^{i\pi}+1=0$
## Area
### $$\int_0^1 x^2\,dx = \frac{1}{3}$$
Notes:
$...$ and block math uses $$...$$.\$ to avoid math parsing.fonts/ folder is created next to the HTML output.| Action | Behavior |
|---|---|
| Click "Export PNG" button | Downloads mindmap as PNG image |
| Click "Export HTML" button | Downloads current mindmap page as HTML |
| Click node text | Shows discussion prompt at bottom |
| Click node circle | Expands/collapses that branch only |
| Mouse wheel | Zoom in/out |
| Drag background | Pan the view |
| Click "Copy" in prompt panel | Copies prompt to clipboard |
<!DOCTYPE html>
<html>
<head>
<!-- Markmap CSS/JS (embedded) -->
</head>
<body>
<!-- SVG mind map -->
<!-- Export buttons (top-right) -->
<!-- Prompt panel (bottom, hidden by default) -->
<!-- Custom JavaScript for features -->
</body>
</html>
pip install -r requirements.txt
Only requires: loguru (logging)
npx -y markmap-cliTo change the prompt format, edit main.py line 204:
const prompt = `Discuss what these sources say about「${nodeText}`, in hte larger context of the upper node of the ${nodeText}`;
Replace with your preferred template, e.g.:
const prompt = `Discuss content from sources about "${nodeText}"`;
When asking Agent to generate mind maps:
Then convert:
cd skills/mindmap
python main.py -i agent_output.md -o mindmap.html
Open mindmap.html in any browser for full interaction.
Render study flashcards into an interactive HTML deck.
Deliver interactive practice quizzes from study material.
Verify citations, claims, and numbers before answering.
Run the student exam prep workflow (mindmap → flashcards → quiz).
Run citation-check before delivering factual outputs.
Route requests to the right Open Exam Skills before responding.