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.
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
Data Sources
SolutionAnalysisHelper.AnalyzeSolutionAsync()— project list, frameworks, shared packages, project typesProjectAnalysisHelper.AnalyzeDependenciesAsync()— transitive dependency relationshipsDotnetSolutiontool withAnalyzeandDependenciesactionsResource URI
ui://dotnet-mcp/solution-graphPriority
High — strong visual differentiation from text-based output.