Opentrace CLAUDE.md
OpenTrace is a knowledge graph platform that maps system architecture, code structure, and service relationships giving you a visual, queryable map of how your
> Sourced from [opentrace/opentrace](https://github.com/opentrace/opentrace) — [Apache-2.0](https://github.com/opentrace/opentrace/blob/2b9e3f6f0db6c6d590ddb52434bcd2e6d6d8dc1c/ui/src/job/CLAUDE.md). # OpenTrace Monorepo for the OpenTrace platform — a knowledge graph that maps system architecture, code structure, and service relationships. ## Repository Structure ``` ui/ — React/TypeScript frontend (includes graph visualization components) agent/ — Python agent (loads data into the graph) proto/ — Protobuf definitions plugins/ — Editor / AI integrations claude-code/ — Claude Code plugin (MCP server config) opencode/ — OpenCode plugin (native TS plugin, Bun runtime) ``` ## Building & Running ```bash # Build everything make build # Run individual components make agent # Run Python agent make ui # Start React dev server (port 5173–5180, auto-detected) # Run all tests make test ``` ### Agent ```bash cd agent uv sync # Install dependencies uv run pytest # Run tests ``` ### UI ```bash cd ui npm install npm run dev ``` #### Worktree & port handling `ui/vite.config.ts` has a worktree-aware helper: - **`resolveEnvDir()`** — `.env` is gitignored so it only exists in the main working tree. When running from a worktree, falls back to the main tree's `.env` via `git worktree list --porcelain`. - **Port** — defaults to 5173. Set `PORT=5174 npm run dev` to use a different port (e.g. when running multiple worktrees). Uses `strictPort: true` so Vite errors if the port is taken. ## Agents | Agent | Description | | ---------------------- | ------------------------------------------------------------------------------------------ | | `@code-explorer` | Explore indexed code structure — find classes, functions, services and their relationships | | `@dependency-analyzer` | Analyze dependencies and blast radius for code changes | ## Commands | Command | Description | | ----------------- | --------------------------------------------------------------- | | `/graph-status` | Show overview of indexed nodes by type, list repos and services | | `/explore <name>` | Quick exploration of a named component in the graph | ## Graph Node Types Service, Repo, Repository, Class, Module, Function, File, Directory, Cluster, Namespace, Deployment, InstrumentedService, Span, Log, Metric, Endpoint, Database, DBTable
Add to your project
Paste into your project's CLAUDE.md or ~/.claude/CLAUDE.md for global rules.
More for React
Mindx CLAUDE.md
by @DotNetAge
一个可自主进化的数字化分身
Lerna CLAUDE.md
by @lerna
Lerna is a fast, modern build system for managing and publishing multiple JavaScript/TypeScript packages from the same repository.
Transcriber CLAUDE.md
by @kossakovsky
Automated video-to-text transcription powered by ElevenLabs Scribe API with multi-language support and speaker diarization
Teamster CLAUDE.md
by @TEAMSchools
A modern data stack for K-12 education
Tree Sitter Analyzer CLAUDE.md
by @aimasteracc
A scalable, multi-language code analysis framework based on Tree-sitter, usable both as a CLI tool and an MCP server.
Claude Codex Settings CLAUDE.md
by @fcakyon
My personal Claude Code and OpenAI Codex setup with battle-tested skills, plugins, hooks and agents that I use daily.
MCP servers for React
microsoft/markitdown
🎖️ 🐍 🏠 - MCP tool access to MarkItDown -- a library that converts many file formats (local or remote) to Markdown for LLM consumption.
netdata/netdata#Netdata
🎖️ 🏠 ☁️ 📟 🍎 🪟 🐧 - Discovery, exploration, reporting and root cause analysis using all observability data, including metrics, logs, systems, containers, processes, and network connections
upstash/context7
📇 ☁️ - Up-to-date code documentation for LLMs and AI code editors.
Browse by Tag
Get the Claude Code Starter Pack
Top CLAUDE.md rules for Next.js, TypeScript, Python, Go, and React — free.
