Understand Anything

Turn any codebase into an interactive knowledge graph you can explore, search, and ask questions about.

---

You just joined a new team. The codebase is 200,000 lines of code. Where do you even start?

Understand Anything is a Claude Code plugin that analyzes your project with a multi-agent pipeline, builds a knowledge graph of every file, function, class, and dependency, then gives you an interactive dashboard to explore it all visually. Stop reading code blind. Start seeing the big picture.

---

🤔 Why?

Reading code is hard. Understanding a whole codebase is harder. Documentation is always out of date, onboarding takes weeks, and every new feature feels like archaeology.

Understand Anything fixes this by combining LLM intelligence with static analysis to produce a living, explorable map of your project — with plain-English explanations for everything.

---

🎯 Who is this for?

👩‍💻 Junior Developers Stop drowning in unfamiliar code. Get guided tours that walk you through the architecture step by step, with every function and class explained in plain English.

📋 Product Managers & Designers Finally understand how the system actually works without reading code. Ask questions like "how does authentication work?" and get clear answers grounded in the real codebase.

🤖 AI-Assisted Developers Give your AI tools deep context about your project. Use /understand-diff before code review, /understand-explain to dive into any module, or /understand-chat to reason about architecture.

---

🚀 Quick Start

1. Install the plugin

/plugin marketplace add Lum1104/Understand-Anything
/plugin install understand-anything

2. Analyze your codebase

/understand

A multi-agent pipeline scans your project, extracts every file, function, class, and dependency, then builds a knowledge graph saved to .understand-anything/knowledge-graph.json.

3. Explore the dashboard

/understand-dashboard

An interactive web dashboard opens with your codebase visualized as a graph — color-coded by architectural layer, searchable, and clickable. Select any node to see its code, relationships, and a plain-English explanation.

4. Keep learning

# Ask anything about the codebase
/understand-chat How does the payment flow work?

# Analyze impact of your current changes
/understand-diff

# Deep-dive into a specific file or function
/understand-explain src/auth/login.ts

# Generate an onboarding guide for new team members
/understand-onboard

---

✨ Features

🗺️ Interactive Knowledge Graph Files, functions, classes, and their relationships visualized with React Flow. Click any node to see its code and connections.	💬 Plain-English Summaries Every node described by an LLM so anyone — technical or not — can understand what it does and why it exists.
🧭 Guided Tours Auto-generated walkthroughs of the architecture, ordered by dependency. Learn the codebase in the right order.	🔍 Fuzzy & Semantic Search Find anything by name or by meaning. Search "which parts handle auth?" and get relevant results across the graph.
📊 Diff Impact Analysis See which parts of the system your changes affect before you commit. Understand ripple effects across the codebase.	🎭 Persona-Adaptive UI The dashboard adjusts its detail level based on who you are — junior dev, PM, or power user.
🏗️ Layer Visualization Automatic grouping by architectural layer — API, Service, Data, UI, Utility — with color-coded legend.	📚 Language Concepts 12 programming patterns (generics, closures, decorators, etc.) explained in context wherever they appear.

---

🔧 Under the Hood

Multi-Agent Pipeline

The /understand command orchestrates 5 specialized agents:

Agent	Role
project-scanner	Discover files, detect languages and frameworks
file-analyzer	Extract functions, classes, imports; produce graph nodes and edges
architecture-analyzer	Identify architectural layers
tour-builder	Generate guided learning tours
graph-reviewer	Validate graph completeness and referential integrity

File analyzers run in parallel (up to 3 concurrent). Supports incremental updates — only re-analyzes files that changed since the last run.

Project Structure

understand-anything-plugin/
  .claude-plugin/  — Plugin manifest
  agents/          — Specialized AI agents
  skills/          — Skill definitions (/understand, /understand-chat, etc.)
  src/             — TypeScript source (context-builder, diff-analyzer, etc.)
  packages/
    core/          — Analysis engine (types, persistence, tree-sitter, search, schema, tours)
    dashboard/     — React + TypeScript web dashboard

Tech Stack

TypeScript, pnpm workspaces, React 18, Vite, TailwindCSS v4, React Flow, Zustand, web-tree-sitter, Fuse.js, Zod, Dagre

Development Commands

Command	Description
pnpm install	Install all dependencies
pnpm --filter @understand-anything/core build	Build the core package
pnpm --filter @understand-anything/core test	Run core tests
pnpm --filter @understand-anything/skill build	Build the plugin package
pnpm --filter @understand-anything/skill test	Run plugin tests
pnpm --filter @understand-anything/dashboard build	Build the dashboard
pnpm dev:dashboard	Start dashboard dev server

---

🤝 Contributing

Contributions are welcome! Here's how to get started:

1. Fork the repository
2. Create a feature branch (git checkout -b feature/my-feature)
3. Run the tests (pnpm --filter @understand-anything/core test)
4. Commit your changes and open a pull request

Please open an issue first for major changes so we can discuss the approach.

---

Stop reading code blind. Start understanding everything.

MIT License © Lum1104