Mindmap Markmap Viewer

Turn Markdown outlines, notes, docs, or plans into an interactive mind map — a single self-contained HTML file that opens offline anywhere (markmap.js, white-on-dark, zoom/expand/export toolbar, search that keeps matches in context). Use whenever the user asks for a mind map, markmap, or concept map, wants to visualize or diagram the structure of a document or topic, summarize notes as a navigable tree, make an outline clickable or explorable, or embed such a map in Streamlit — even when they don't literally say 'mind map'.

75 stars 12 forksProductivity & Notes

Install

skills CLI (Claude Code, Cursor, Codex and more)

npx skills add Jaderson-bit/mindmap-markmap-viewer --skill mindmap-markmap-viewer

Manual install

git clone --depth 1 https://github.com/Jaderson-bit/mindmap-markmap-viewer.git /tmp/mindmap-markmap-viewer
mkdir -p ~/.claude/skills
cp -r /tmp/mindmap-markmap-viewer/. ~/.claude/skills/mindmap-markmap-viewer

Personal skills live in ~/.claude/skills. Use .claude/skills in a project folder to share a skill with your team.

From the SKILL.md

# Mindmap (markmap) Skill

Render hierarchical Markdown as an interactive SVG mind map with **markmap.js**, plus three custom layers: **white-font CSS**, **expand-by-level control**, and **search that filters the tree**.

```
source.md  ──►  filter / set expand level (Python)  ──►  build_html()  ──►  vendored markmap libs (local, offline)  ──►  SVG + toolbar
 (outline)        (manipulate the text)                  (HTML + CSS)        (transform + render in the browser)          (screen)
```

Helper functions live in `scripts/render_markmap.py`; a minimal source file is in `assets/example.md`; regression tests are in `evals/`. Deeper docs: [`references/internals.md`](references/internals.md) (how the helpers work) and [`references/lessons.md`](references/lessons.md) (real-world lessons + the adversarial counter-review behind the current code).

## When to use this skill

- The user asks for a mind map, markmap, or concept map of anything.
- Hierarchical content — an outline, notes, a plan, a document's structure, a taxonomy — should become navigable, scannable, or shareable.
- A map must be sent to someone or opened with no setup: the output is one self-contained `.html` that works offline.
- A mind map should be embedded in a Streamlit app.
- An existing markmap renders blank, white-on-white, or truncated — this skill carries the known fixes (§2).

---

## 1. Source format

Read the full skill on GitHub

Details

Skill name: mindmap-markmap-viewer
Repository: Jaderson-bit/mindmap-markmap-viewer
License: MIT
Repo updated: 11 June 2026

FAQ

What does the Mindmap Markmap Viewer skill do?

How do I install the Mindmap Markmap Viewer skill?

skills CLI (Claude Code, Cursor, Codex and more): npx skills add Jaderson-bit/mindmap-markmap-viewer --skill mindmap-markmap-viewer. Skills go in ~/.claude/skills (personal) or .claude/skills (project), and Claude loads them automatically when a task matches the description.

Is Mindmap Markmap Viewer popular?

It lives in Jaderson-bit/mindmap-markmap-viewer, which has 75 GitHub stars and 12 forks.

Related skills

Embedded Project Governance

crichars/embedded-project-governance

A lightweight, risk-scaled workflow for AI-assisted embedded firmware development. Use when onboarding an embedded project, investigating or implementing firmware changes, working around generated code, handling shared interfaces, protocols, Flash/NVM, boot, DMA, ISR/RTOS concurrency, hardware bring-up, recovery, or target verification. Supports minimal user input and structured Issue-style tasks.

Productivity & Notes

Douyin Favorites to Knowledge

tars1230/douyin-favorites-to-knowledge

将用户已授权账号中的抖音视频收藏或用户明确指定的喜欢列表配置并同步到本地 Markdown 或 Obsidian 知识库；默认收藏，只有用户明确说喜欢/点赞才切换来源。首次明确选择推荐的 SiliconFlow转录、本地 Whisper 或不转录。不得绕过登录、访问他人账号或泄露 Cookie 与私密数据。

Productivity & Notes10

Daily Team

isas1/daily-team

Shows today's creative team and task, drawn from the date so they change every day. Has the team argue and decide on a plan for a brief, or builds the plan as single-file HTML artifacts. Use when the user asks for today's team or task, a creative team, a brainstorm with distinct roles, or new angles on a brief.

Productivity & Notes

Jiaojie

Jordanwei1/jiaojie-skill

Create or receive human-first AI task handoffs across chats, models, devices, and languages. Use when the user asks to hand off, export context, resume from a handoff, switch sessions while preserving work, says "交接一下", "接收交接", or supplies handoff.md, handoff.zip, handoff-audit.zip, an LCH Bundle/T0 package, OCH Snapshot, or LTM Packet. Default to one readable handoff.md; upgrade to handoff.zip only when required files must travel, and to handoff-audit.zip only for formal audit, cross-organization delivery, or proof. Preserve current intent, stop point, next action, decisions, constraints, rej

Productivity & Notes

Pda Reframing

emory/ASD-AuDHD-PAI-Skills

Rephrase tasks and requests by avoiding Demand Avoidance triggers for someone with PDA autism spectrum disorder. It transforms demands into exploration and autonomous actions.

Productivity & NotesIn 1 list

Ama Memory

115

Sherlockwz/AMA

Use AMA memory in OpenClaw to recall prior context, capture turns, inspect stored state, end sessions, or delete a user's memory when asked.

Productivity & Notes

Browse the most popular Claude skills, all productivity & notes skills, or write your own with the skills generator.