Skip to content

MCP App: Solution Dependency Graph — Interactive project relationship visualizer #415

@jongalloway

Description

@jongalloway

Summary

Create an interactive dependency graph MCP App that visualizes project relationships and package dependencies in a solution.

MCP Apps Pattern: Exploring complex data

A solution's dependency structure — which projects reference which, shared packages, framework targets — is hard to grasp from text. An interactive graph lets users click project nodes to drill into their packages, hover to see framework targets, and toggle between project-to-project and package dependency views.

Design

  • Graph visualization: SVG-based node graph showing projects as nodes and references as edges
  • Click-to-drill: Click a project node to expand its package dependencies
  • Hover details: Show framework target, output type, package count on hover
  • View toggles: Switch between project references, package dependencies, and framework compatibility matrix
  • Collapsible tree fallback: For large solutions, offer a tree view alternative

Data Sources

  • SolutionAnalysisHelper.AnalyzeSolutionAsync() — project list, frameworks, shared packages, project types
  • ProjectAnalysisHelper.AnalyzeDependenciesAsync() — transitive dependency relationships
  • DotnetSolution tool with Analyze and Dependencies actions

Resource URI

ui://dotnet-mcp/solution-graph

Priority

High — strong visual differentiation from text-based output.

Metadata

Metadata

Assignees

No one assigned

    Labels

    enhancementNew feature or requestmcp-appMCP App interactive dashboard features

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions