mindmap

Original：🇺🇸 English

Translated

Generate visual mindmaps from natural language descriptions or content using the MCP mindmap tool. Use when users request to visualize structures, workflows, knowledge hierarchies, requirements, meeting notes, or any content as a mindmap. Automatically opens in browser after generation. Supports converting processes, architectures, learning paths, or any structured information into visual diagrams.

3installs

Sourceyz0812/skills

Added on2026-03-21

NPX Install

npx skill4agent add yz0812/skills mindmap

SKILL.md Content

View Translation Comparison →

Mindmap

Overview

Convert natural language descriptions or structured content into visual mindmaps using the MCP mindmap tool. Generated files are automatically opened in the browser and saved to the project root directory by default.

Workflow

Follow these steps when generating a mindmap:

1. Collect User Input

Gather the content or description from the user. If the input is too vague or lacks clear structure, briefly confirm the scope and hierarchy level before proceeding.

Example questions:

"What main topics should be included?"
"How many levels deep should the structure go?"

2. Structure Content as Markdown

Convert the input into clean Markdown format suitable for mindmap visualization:

Use headings (
```
#
```
,
```
##
```
,
```
###
```
) for hierarchy levels
Use lists (
```
-
```
,
```
*
```
,
```
1.
```
) for sub-items
Keep structure clear and logical

Example:

markdown

# Project Architecture

## Frontend
- React Components
- State Management
- Routing

## Backend
- API Layer
- Database
- Authentication

## DevOps
- CI/CD Pipeline
- Monitoring
- Deployment

3. Generate the Mindmap

Call the

mcp__mindmap__convert_markdown_to_mindmap

tool with the structured Markdown content:

mcp__mindmap__convert_markdown_to_mindmap(markdown_content: <structured_markdown>)

The tool will:

Generate the mindmap HTML file
Automatically open it in the default browser
Save the file to the project root directory

4. Inform User

After generation, confirm:

The file location (project root directory by default)
The filename if relevant
That the mindmap has been opened in the browser

Tips

Hierarchy clarity: Use proper Markdown heading levels to reflect parent-child relationships
Conciseness: Keep node text brief and scannable
Logical grouping: Organize related concepts under common parent nodes
Balance: Avoid too many items at a single level; distribute across hierarchy when possible