mindmap

Launch a local server to render Mermaid mindmaps with live WebSocket updates.

4|Updated Apr 5, 2026
One-click install
npx skills add https://github.com/Mrlyk/superharness --skill mindmap-mrlyk
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: mindmap
Source: https://github.com/Mrlyk/superharness/tree/main/skills/mindmap
Command: npx skills add https://github.com/Mrlyk/superharness --skill mindmap-mrlyk

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

Developers and AI agents need a quick way to visualize hierarchical information during brainstorming and planning, without manual rendering steps or page reloads.

Core Features & Use Cases

  • Live Server: Starts a local HTTP server that serves an interactive Markmap page.
  • File‑watch Updates: Monitors a single .mmd file and pushes changes to the browser via WebSocket in real time.
  • AI Integration: Designed for AI skills like brainstorm and writing-plans to generate and update mindmaps on the fly.

Quick Start

Tell the skill to start the mindmap server and open the returned URL in your browser.

Frequently Asked Questions about mindmap

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I live preview Mermaid mindmaps in the browser without manual page reloads?

Live previewing Mermaid mindmaps without page reloads requires a local server that watches a .mmd file and pushes updates via WebSocket. This skill launches an interactive Markmap page that automatically reflects hierarchical changes in real time.

How can I visualize AI brainstorming output as hierarchical diagrams automatically?

Visualizing AI brainstorming output as hierarchical diagrams is handled by this skill's local visualization server. It renders Mermaid code into an interactive Markmap page, allowing AI agents to generate and update mindmaps on the fly during planning workflows.

Does this mindmap server support real-time WebSocket updates for Mermaid files?

Yes, this mindmap server supports real-time WebSocket updates for Mermaid files. It actively monitors a single .mmd file and instantly pushes any detected changes to the browser, ensuring the interactive Markmap visualization remains synchronized without manual refreshes.

What is the best way to render Markmap diagrams from Mermaid code during local planning?

The best way to render Markmap diagrams from Mermaid code during local planning is using this skill's dedicated HTTP server. It directly serves an interactive Markmap page from your local environment, bypassing the need for external rendering tools or manual conversion steps.

Do I need any external dependencies to start the local visualization server for mindmaps?

No external dependencies are required to start the local visualization server for mindmaps. The skill operates independently using its internal scripts to launch the HTTP server, monitor the Mermaid file, and serve the Markmap page directly.

Why are my Mermaid mindmap changes not showing up in the browser?

Mermaid mindmap changes not showing up in the browser typically indicate the local server is not actively watching the correct .mmd file. This skill relies on WebSocket to push file updates, so ensure the server is running and the target file path is accurate.