MCP server for code visualization with Mermaid diagrams
npm install code-atlas-mcpMCP server for code visualization. Generates Mermaid diagrams showing call graphs and control flow for TypeScript, JavaScript, and Python codebases.
``bash`
npx code-atlas-mcp
Or install globally:
`bash`
npm install -g code-atlas-mcp
Add to your Claude Code MCP settings:
`json`
{
"mcpServers": {
"code-atlas": {
"command": "npx",
"args": ["code-atlas-mcp"]
}
}
}
Then ask Claude to analyze your code:
- "Show me the call graph for src/index.ts"
- "What's the control flow of the main function?"
- "Analyze the project structure in ./src"
| Tool | Description |
|------|-------------|
| atlas_discover_files | Find source files matching a pattern |atlas_list_functions
| | List functions in a file with line numbers |atlas_analyze_callgraph
| | Single-file call graph (Mermaid) |atlas_analyze_controlflow
| | Function control flow (Mermaid) |atlas_analyze_project` | Multi-file call graph (Mermaid) |
|
- TypeScript (.ts, .tsx)
- JavaScript (.js, .jsx)
- Python (.py)
For interactive visualization, use the Code Atlas Viewer. Generate JSON with the CLI and drop it in the viewer.
- Code Atlas Viewer - Interactive web visualization
- Project Page - Full project details
MIT