understand-dashboard
Launch the interactive web dashboard to visualize a codebase's knowledge graph
Use when you need to ask questions about a codebase or understand code using a knowledge graph
$ npx -y skills add Egonex-AI/Understand-Anything --skill understand-chat --agent claude-codeHow it fires
How this skill gets triggered: by you, by Claude, or both.
/understand-chatContext preview
The summary Claude sees to decide when to auto-load this skill.
Use when you need to ask questions about a codebase or understand code using a knowledge graph
name: understand-chat description: Use when you need to ask questions about a codebase or understand code using a knowledge graph argument-hint: "[query]"
Answer questions about this codebase using the knowledge graph in the project's data directory (`.ua/knowledge-graph.json`, or the legacy `.understand-anything/knowledge-graph.json` when that directory is present).
The knowledge graph JSON has this structure:
1. Use Grep to search within the JSON for relevant entries BEFORE reading the full file 2. Only read sections you need — don't dump the entire graph into context 3. Node names and summaries are the most useful fields for understanding 4. Edges tell you how components connect — follow imports and calls for dependency chains
1. **Resolve the data directory `$UA_DIR`.** Run `UA_DIR=$([ -d .understand-anything ] && echo .understand-anything || echo .ua)` — this is the legacy `.understand-anything/` when it already exists, otherwise the new `.ua/`. Check that `$UA_DIR/knowledge-graph.json` exists in the current project root. If not, tell the user to run `/understand` first.
2. **Check graph freshness before using graph-derived context**:
GRAPH_COMMIT=$(git rev-parse --verify --end-of-options "${GRAPH_COMMIT_RAW}^{commit}" 2>/dev/null)
git rev-parse HEAD
git diff --name-only "$GRAPH_COMMIT" HEAD -- .
git diff --cached --name-only -- .
git diff --name-only -- .
git ls-files --others --exclude-standard -- .3. **Read project metadata only** — use Grep or Read with a line limit to extract just the `"project"` section from the top of the file for context (name, description, languages, frameworks).
4. **Search for relevant nodes** — use Grep to search the knowledge graph file for the user's query keywords: "$ARGUMENTS"
5. **Find connected edges** — for each matched node ID, Grep for that ID in the `edges` section to find:
6. **Read layer context** — Grep for `"layers"` to understand which architectural layers the matched nodes belong to.
7. **Answer the query** using only the relevant subgraph:
Graphs that teach > graphs that impress. Turn any code into an interactive knowledge graph you can explore, search, and ask questions about. Works with Claude Code, Codex, Cursor, Copilot, Gemini CLI, and more.
Repo: Egonex-AI/Understand-Anything
Launch the interactive web dashboard to visualize a codebase's knowledge graph
Use when you need to analyze git diffs or pull requests to understand what changed, affected components, and risks
Extract business domain knowledge from a codebase and generate an interactive domain flow graph. Works standalone (lightweight scan) or derives from an…
Use when you need a deep-dive explanation of a specific file, function, or module in the codebase
Analyze a Figma file via the Figma REST API and generate an interactive design knowledge graph (pages, screens, components, component sets, instances, design…
Analyze a Karpathy-pattern LLM wiki knowledge base and generate an interactive knowledge graph with entity extraction, implicit relationships, and topic…