> understand-dashboard
Launch the interactive web dashboard to visualize a codebase's knowledge graph
curl "https://skillshub.wtf/Lum1104/Understand-Anything/understand-dashboard?format=md"/understand-dashboard
Start the Understand Anything dashboard to visualize the knowledge graph for the current project.
Instructions
-
Determine the project directory:
- If
$ARGUMENTScontains a path, use that as the project directory - Otherwise, use the current working directory
- If
-
Check that
.understand-anything/knowledge-graph.jsonexists in the project directory. If not, tell the user:No knowledge graph found. Run /understand first to analyze this project. -
Find the dashboard code. The dashboard is at
packages/dashboard/relative to this plugin's root directory. Check these paths in order and use the first that exists:~/.understand-anything-plugin/packages/dashboard/(universal symlink, all installs)${CLAUDE_PLUGIN_ROOT}/packages/dashboard/(Claude Code plugin)- Two levels up from this skill file's real path:
../../packages/dashboard/(self-relative fallback)
Use the Bash tool to resolve:
SKILL_REAL=$(realpath ~/.agents/skills/understand-dashboard 2>/dev/null || readlink -f ~/.agents/skills/understand-dashboard 2>/dev/null || echo "") SELF_RELATIVE=$([ -n "$SKILL_REAL" ] && cd "$SKILL_REAL/../.." 2>/dev/null && pwd || echo "") PLUGIN_ROOT="" for candidate in \ "$HOME/.understand-anything-plugin" \ "${CLAUDE_PLUGIN_ROOT}" \ "$SELF_RELATIVE"; do if [ -n "$candidate" ] && [ -d "$candidate/packages/dashboard" ]; then PLUGIN_ROOT="$candidate"; break fi done if [ -z "$PLUGIN_ROOT" ]; then echo "Error: Cannot find the understand-anything plugin root. Make sure you followed the installation instructions and that ~/.understand-anything-plugin exists." exit 1 fi -
Install dependencies and build if needed:
cd <dashboard-dir> && pnpm install --frozen-lockfile 2>/dev/null || pnpm installThen ensure the core package is built (the dashboard depends on it):
cd <plugin-root> && pnpm --filter @understand-anything/core build -
Start the Vite dev server pointing at the project's knowledge graph:
cd <dashboard-dir> && GRAPH_DIR=<project-dir> npx vite --openRun this in the background so the user can continue working.
-
Report to the user:
Dashboard started at http://localhost:5173 Viewing: <project-dir>/.understand-anything/knowledge-graph.json The dashboard is running in the background. Press Ctrl+C in the terminal to stop it.
Notes
- The dashboard auto-opens in the default browser via
--open - If port 5173 is already in use, Vite will pick the next available port
- The
GRAPH_DIRenvironment variable tells the dashboard where to find the knowledge graph
> related_skills --same-repo
> understand
Analyze a codebase to produce an interactive knowledge graph for understanding architecture, components, and relationships
> understand-onboard
Use when you need to generate an onboarding guide for new team members joining a project
> understand-explain
Use when you need a deep-dive explanation of a specific file, function, or module in the codebase
> understand-diff
Use when you need to analyze git diffs or pull requests to understand what changed, affected components, and risks