investigate-diagram

Generate dependency diagrams from code or architecture definitions.

1|Updated Feb 18, 2026

Search Tags:#architecture #code analysis #mermaid #diagram #dependency #figjam

Ready to run

npx skills add https://github.com/luigiinred/dotfiles --skill investigate-diagram

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: investigate-diagram
Source: https://github.com/luigiinred/dotfiles/tree/main/dot_cursor/skills/investigate-diagram
Command: npx skills add https://github.com/luigiinred/dotfiles --skill investigate-diagram

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) and assets (resource) components.

What problem does it solve?

This Skill helps you understand complex relationships within your codebase or system architecture by generating visual dependency diagrams.

Core Features & Use Cases

Code-Level Dependency Mapping: Trace how functions, hooks, queries, and components depend on each other.
Architecture-Level Mapping: Visualize connections between services, teams, and external integrations.
Output Formats: Generates diagrams in Mermaid markdown or FigJam via Figma MCP.
Use Case: When you need to understand the impact of changing a specific function or visualize the flow of data between microservices.

Quick Start

Generate a dependency diagram for the 'useQueryUserAccounts' function, tracing all code-level dependencies.

Frequently Asked Questions about investigate-diagram

High-intent search queries and answers about installing and using this skill.

FAQPage Schema

How do I generate a dependency diagram for my codebase?▼

To generate a dependency diagram, you provide code or architecture definitions and the Skill traces code-level dependencies like hooks, queries, and components, outputting visual relationships in Mermaid markdown or FigJam.

Can I visualize system architecture connections in FigJam?▼

Yes, you can visualize system architecture connections in FigJam using the Figma MCP, mapping high-level connections between services, teams, and external integrations directly from your architecture definitions.

What is the best way to trace the impact of changing a specific function?▼

The best way to trace the impact of changing a specific function is mapping its code-level dependencies, which visualizes how functions, hooks, and queries depend on each other to isolate downstream effects.

Does this dependency mapping tool support Mermaid markdown output?▼

Yes, this dependency mapping tool supports Mermaid markdown output, allowing you to render traced code or system relationships directly within markdown-supported environments and documentation.

How do I map data flow between microservices?▼

You map data flow between microservices by providing high-level system architecture definitions, allowing the tool to trace and visualize connections between services and external integrations.

When should I use FigJam instead of Mermaid for architecture diagrams?▼

You should use FigJam instead of Mermaid when you need a collaborative visual workspace, utilizing the Figma MCP to map high-level architecture connections rather than generating markdown text.