Yash Israni avatar

Built by

Yash Israni

developer-toolsappdraft0 upvotes

Build a TypeScript MCP server called "ArchiView" — an interactive codebase architecture visualizer with auto-documentation. It analyzes project structure, extracts import relationships, calculates complexity, and generates visual reports. No external APIs. Everything runs locally. ## TECH STACK - TypeScript + Node.js - @modelcontextprotocol/sdk for MCP server - @typescript-eslint/typescript-estree for AST parsing - glob for file traversal - fs-extra for file operations - D3.js (embedded in gen…

Elevator pitch ArchiView auto-maps your codebase structure, dependency flows, and complexity metrics into interactive visual reports—all locally, no external APIs.

Industry Developer Tools & Code Analysis

Problem

  • Large codebases lack clear visual architecture documentation.
  • Manual dependency tracking becomes unmaintainable as projects grow.

Solution

  • Automated AST parsing extracts imports and calculates complexity metrics.
  • Interactive D3.js visualizations reveal dependency graphs and hotspots instantly.

Tools

  • analyze-project: Traverses codebase, extracts imports and complexity scores (returns dependency graph JSON)
  • generate-report: Renders interactive HTML visualization from dependency data
  • detect-cycles: Identifies circular dependencies and bottleneck modules
  • export-metrics: Outputs architecture health summary (coupling, cohesion, complexity)

Widgets

  • /visualize: Interactive D3 dependency graph with module filtering and zoom
  • /metrics: Real-time complexity dashboard and architecture health scorecard

Conversation starters

  • "Show me the dependency graph for my src/ folder and highlight circular imports."
  • "Generate an architecture report that identifies the most complex modules in my project."
Build a TypeScript MCP server called "ArchiView" — an interactive codebase architecture visualizer with auto-documentation. It analyzes project structure, extracts import relationships, calculates complexity, and generates visual reports. No external APIs. Everything runs locally. ## TECH STACK - TypeScript + Node.js - @modelcontextprotocol/sdk for MCP server - @typescript-eslint/typescript-estree for AST parsing - glob for file traversal - fs-extra for file operations - D3.js (embedded in gen… — MCP App by Yash Israni | NitroStack | NitroStack