Run any Skill in Manus with one click

code-mindmap-vscode

Stars0

Forks0

UpdatedJune 28, 2026 at 19:46

Code Mind Map preconfigured for Visual Studio Code — build a rule-of-7 mind map of a codebase (≤7 children per level, every leaf a function with a what/how explanation) and render an interactive HTML tree whose functions click straight open in VS Code. Use when the user wants a project mind map and uses VS Code.

Installation

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.

Run Skill in Manus

Source

amrebada

amrebada/code-mindmap

View GitHub Repository View Creator Repositories

Download

Run Skill in Manus

Related occupationsSOC

Based on SOC occupation classification

Software DevelopersComputer and Mathematical Occupations·SOC 15-1252

SKILL.md

readonly

name	code-mindmap-vscode
description	Code Mind Map preconfigured for Visual Studio Code — build a rule-of-7 mind map of a codebase (≤7 children per level, every leaf a function with a what/how explanation) and render an interactive HTML tree whose functions click straight open in VS Code. Use when the user wants a project mind map and uses VS Code.
license	MIT
metadata	{"author":"amrebada","version":"1.0.0","variant_of":"code-mindmap","editor":"vscode"}

Code Mind Map — VS Code

This is the Visual Studio Code variant of code-mindmap. Do everything exactly as the core skill describes — scout → map (parallel Explore agents) → enrich every function with explanation+steps → validate → render — with one thing fixed: the click-to-open links target VS Code.

The only difference: render for VS Code

When you render, pass editor: "vscode" to the core build script so each function/path deep-links via vscode://file/<abs>:<line>:<col>:

node ../../scripts/build.mjs /path/to/config.json
# config.json:
# {
#   "rootPath":  "/abs/enriched-tree.json",   // or "root": <tree object>
#   "outPath":   "~/.agent/diagrams/<name>-mindmap.html",
#   "repoRoot":  "<git rev-parse --show-toplevel>",
#   "editor":    "vscode",
#   "title": "...", "subtitle": "...", "footer": "...", "date": "YYYY-MM-DD"
# }

Use "editor": "vscode-insiders" for the Insiders build.

Verify the scheme is registered before promising it works: open "vscode://file/$(pwd)/README.md:1" (macOS) should focus VS Code. First click from a browser shows a one-time "Open Visual Studio Code?" prompt — that's expected.

Everything else (the rule-of-7 contract, the recursive node schema, the enrichment requirement, the quality gate) is in the core skill — follow it verbatim.

More from this repository

same repository

code-mindmap

amrebada/code-mindmap

Decompose a codebase into a strict rule-of-7 mind map — recursively split the code into at most 7 chunks per level, each chunk into at most 7 sub-chunks, down to the smallest unit (an individual function), and render it as an interactive collapsible HTML tree opened in the browser. Use when the user wants a structural mind map / overview of an entire project or large subsystem where every function is a leaf.

2026-07-100

code-mindmap-android-studio

amrebada/code-mindmap

Code Mind Map preconfigured for Android Studio (JetBrains) — build a rule-of-7 mind map of a codebase (≤7 children per level, every leaf a function with a what/how explanation) and render an interactive HTML tree whose functions click straight open in Android Studio. Use when the user wants a project mind map and uses Android Studio (or another JetBrains IDE).

2026-06-280

code-mindmap-antigravity

amrebada/code-mindmap

Code Mind Map preconfigured for Antigravity IDE — build a rule-of-7 mind map of a codebase (≤7 children per level, every leaf a function with a what/how explanation) and render an interactive HTML tree whose functions click straight open in Antigravity IDE. Use when the user wants a project mind map and uses Antigravity IDE.

2026-06-280

code-mindmap-cursor

amrebada/code-mindmap

Code Mind Map preconfigured for Cursor — build a rule-of-7 mind map of a codebase (≤7 children per level, every leaf a function with a what/how explanation) and render an interactive HTML tree whose functions click straight open in Cursor. Use when the user wants a project mind map and uses Cursor.

2026-06-280

name	code-mindmap-vscode
description	Code Mind Map preconfigured for Visual Studio Code — build a rule-of-7 mind map of a codebase (≤7 children per level, every leaf a function with a what/how explanation) and render an interactive HTML tree whose functions click straight open in VS Code. Use when the user wants a project mind map and uses VS Code.
license	MIT
metadata	{"author":"amrebada","version":"1.0.0","variant_of":"code-mindmap","editor":"vscode"}

Code Mind Map — VS Code

The only difference: render for VS Code

When you render, pass editor: "vscode" to the core build script so each function/path deep-links via vscode://file/<abs>:<line>:<col>:

node ../../scripts/build.mjs /path/to/config.json
# config.json:
# {
#   "rootPath":  "/abs/enriched-tree.json",   // or "root": <tree object>
#   "outPath":   "~/.agent/diagrams/<name>-mindmap.html",
#   "repoRoot":  "<git rev-parse --show-toplevel>",
#   "editor":    "vscode",
#   "title": "...", "subtitle": "...", "footer": "...", "date": "YYYY-MM-DD"
# }

Use "editor": "vscode-insiders" for the Insiders build.

Everything else (the rule-of-7 contract, the recursive node schema, the enrichment requirement, the quality gate) is in the core skill — follow it verbatim.