← ClaudeAtlas

namht-maplisted

Generate an INTERACTIVE HTML dependency graph of a codebase (Cytoscape.js) — nodes are files/classes/routes, edges are real imports, dependency injection, inheritance (extends/implements) and method calls, colored by architecture layer, with zoom/pan, click-to-highlight-neighbors, search, layer filters and hub highlighting. Opens in the browser. Use when the user asks to "/map", "map the codebase", "show the dependency graph", "code graph", or "visualize architecture".
NamHT4Devlop/nam-claude-skill · ★ 0 · AI & Automation · score 72
Install: claude install-skill NamHT4Devlop/nam-claude-skill
# namht-map — interactive code graph (HTML) Produces a **single self-contained interactive HTML file** (Cytoscape.js) — NOT a Markdown/ Mermaid dump. It runs a bundled, dependency-free multi-language static analyzer (`references/graph-builder.js`, pure Node `fs`/`path`) supporting TS/JS, Python, Java/Kotlin, Go, Ruby, C#, PHP and Rust, then injects the graph into `references/viewer-template.html`. ## How to run it 1. **Pick the root.** Default = the current project (cwd). If the user named a sub-path/module, use that folder as the root (the analyzer scans the folder you point it at). Optional `mode`: `all` (default — files+classes+routes+KB), `files` (lighter, import graph only), `classes`, `routes`, `domain` (KB only). 2. **Run the bundled generator with Node** (Node ≥18; v20+ ideal). Resolve this skill's `references/` dir first (call it `$SKILL_DIR`): `${CLAUDE_PLUGIN_ROOT}/skills/namht-map/references` if `CLAUDE_PLUGIN_ROOT` is set, else the `references/` folder next to this SKILL.md, else `$HOME/.claude/skills/namht-map/references`: ```bash node "$SKILL_DIR/build-map.cjs" "<PROJECT_ROOT>" "" all ``` - Arg 1 = project root (absolute path preferred). Arg 2 = `""` lets it default the output to `<root>/namht-sessions/maps/<name>-<date>.html` (gitignored). Arg 3 = mode. - The script prints the **output HTML path on stdout** (stats on stderr). Capture it. - If `node` isn't found, tell the user Node.js is required for the interactive gr