Skills Development Understand Dashboard Launcher

Understand Dashboard Launcher

v20260323
understand-dashboard
Launches the Understand Anything dashboard to visualize a project's knowledge graph, ensuring dependencies and core packages are built before opening the Vite dev server for interactive exploration.
Get Skill
491 downloads
Overview

/understand-dashboard

Start the Understand Anything dashboard to visualize the knowledge graph for the current project.

Instructions

  1. Determine the project directory:

    • If $ARGUMENTS contains a path, use that as the project directory
    • Otherwise, use the current working directory
  2. Check that .understand-anything/knowledge-graph.json exists in the project directory. If not, tell the user:

    No knowledge graph found. Run /understand first to analyze this project.
    
  3. 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
    
  4. Install dependencies and build if needed:

    cd <dashboard-dir> && pnpm install --frozen-lockfile 2>/dev/null || pnpm install
    

    Then ensure the core package is built (the dashboard depends on it):

    cd <plugin-root> && pnpm --filter @understand-anything/core build
    
  5. Start the Vite dev server pointing at the project's knowledge graph:

    cd <dashboard-dir> && GRAPH_DIR=<project-dir> npx vite --open
    

    Run this in the background so the user can continue working.

  6. 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_DIR environment variable tells the dashboard where to find the knowledge graph
Info
Category Development
Name understand-dashboard
Version v20260323
Size 2.83KB
Updated At 2026-03-24
Language