Claude Skill MartBrowse skillsQuick linesImage promptsLearn by videoTerminal guideWhat is a Skill?
 
← Back to list

Mindmap Render

Turns Markdown bullet outlines into colorful interactive HTML, high-resolution PNG, and PDF mindmaps.

Docs & OfficeIntermediate★ 237⑂ 23AI score 10/10Last updated: Jul 28, 2026

What it does

  • Reads a Markdown unordered list (indentation = hierarchy) and renders it as a mindmap.
  • Produces three deliverables in one run: an interactive HTML (zoom/pan/collapse), a high-res PNG for slides, and a print-ready PDF.
  • Four themes — air, editorial, midnight, zen — with automatic "rainbow branch" coloring (one hue family per top-level branch, shaded by depth).
  • If you don't supply a .md file, it performs mandatory web research for an authoritative table of contents, syllabus, or doc structure — and stops to ask you rather than inventing chapters it can't verify.
  • Runs a structure self-audit before rendering (6–10 top-level branches, max depth 5, substantive layer-5 descriptions, deliberate asymmetry).

Who it's for

  • Anyone building knowledge maps for reports, lectures, or presentation decks.
  • Researchers, educators, and content strategists visualizing book ToCs or technical doc structures.
  • Developers and writers who already outline in Markdown.

Examples

  1. "Make a mindmap of the AI landscape" → research, ~9-branch outline, then --theme air --scale 3 for a poster-size PNG.
  2. Point it at an existing roadmap.md and export a midnight-theme PDF for a team review.
  3. Faithfully reproduce a textbook's table of contents as an HTML mindmap, serve it with python -m http.server, and edit the .md for live refresh.

· · · Install guide · · ·

Try it now, no install

Paste this into Claude to use the skill without installing anything.

Read the instructions in this file and follow them to help me:
https://raw.githubusercontent.com/ai4s-research/ai4s-skills/HEAD/skills/mindmap-render/SKILL.md

What I want: (describe your task here)

If Claude can't open the link, open it yourself and paste the contents instead.

↓ If it works for you, download the ZIP below and install it. Then it runs on its own — no pasting each time.

Install in the Claude app (no terminal)
  1. Download the ZIP with the button below.
  2. In Claude, open Settings → Capabilities and turn on 'Code execution and file creation'. (one time)
  3. Go to Customize → Skills → + → 'Upload a skill' and upload the ZIP.
↓ Download ZIP
Install in Claude Code

Let Claude do it — paste this into Claude Code

Install the skill I found on Claude Skill Mart.
Copy the skills/mindmap-render folder from the GitHub repo ai4s-research/ai4s-skills into my ~/.claude/skills/mindmap-render/.
When it's done, tell me in one line what this skill can do.

Install with a command instead

git clone https://github.com/ai4s-research/ai4s-skills.git && mkdir -p ~/.claude/skills && cp -r ai4s-skills/skills/mindmap-render ~/.claude/skills/

⚠ This is a third-party skill. Check the source repository before installing.

  1. Open a terminal.
  2. Clone the repository: git clone https://github.com/ai4s-research/ai4s-skills.git
  3. Create the skills folder: mkdir -p ~/.claude/skills
  4. Copy the skill in: cp -r ai4s-skills/skills/mindmap-render ~/.claude/skills/
  5. Make sure Python 3.10+ is available. Only if the first render fails with a missing-dependency error, run pip install -r ~/.claude/skills/mindmap-render/scripts/requirements.txt and playwright install chromium.
  6. Restart Claude Code and ask for "a mindmap of <topic>" (or point it at a Markdown outline) to trigger the skill.
View source on GitHub ↗License: MIT