Skip to main content
ClaudeWave
matt1398 avatar
matt1398

claude-devtools

View on GitHub

The missing DevTools for Claude Code — inspect session logs, tool calls, token usage, subagents, and context window in a visual UI. Free, open source.

Subagents3.6k stars270 forksTypeScriptMITUpdated 1mo ago
Editor's note

Claude DevTools is a free, open-source Electron desktop application that surfaces the session data Claude Code already writes to `~/.claude/` on disk, presenting it through a structured visual interface instead of requiring `--verbose` JSON dumps. It reads session transcripts and reconstructs information that Claude Code v2.1.20 and later collapsed into opaque one-line summaries: exact file paths and syntax-highlighted content with line numbers from read operations, regex patterns and matched lines from searches, inline diffs from edits, extended thinking content, and full subagent execution trees showing tool traces, token counts, duration, and cost per agent. The context window view breaks token consumption into seven categories with compaction visualization, replacing the terminal's three-segment progress bar. It also renders per-project `MEMORY.md` files as clickable layer indexes. The tool requires no API keys, no configuration, and no wrappers around Claude Code, making it relevant to any developer who runs Claude Code sessions and wants post-hoc visibility into what the agent actually did.

ClaudeWave Trust Score
100/100
Verified
Passed
  • Open-source license (MIT)
  • Actively maintained (<30d)
  • Healthy fork ratio
  • Clear description
  • Topics declared
  • Documented (README)
Last scanned: 6/11/2026
Install as a Claude Code subagent
Method: Clone
Terminal
git clone https://github.com/matt1398/claude-devtools && cp claude-devtools/*.md ~/.claude/agents/
1. Clone the repository and copy the agent .md definitions into ~/.claude/agents (or .claude/agents inside a project).
2. Start a new Claude Code session to load the agents.
3. Delegate work to them with the Task/Agent tool or by name.

7 items in this repository

Use this agent when CLAUDE.md files or .claude/rules/ files may have drifted from the actual codebase state. This includes after significant refactors, feature additions, file renames, directory restructuring, or when you suspect documentation no longer matches reality. Use proactively after any large code change.\\n\\nExamples:\\n\\n- Example 1:\\n user: \"Refactor the services directory to split analysis into separate modules\"\\n assistant: \"I've completed the refactoring of the services directory. Let me now launch the claude-md-auditor agent to ensure all CLAUDE.md files reflect these structural changes.\"\\n <commentary>\\n Since a significant refactor was performed that likely changed file paths, exports, and directory structure documented in CLAUDE.md files, use the Task tool to launch the claude-md-auditor agent.\\n </commentary>\\n\\n- Example 2:\\n user: \"Add a new notifications feature with hooks, components, and a store slice\"\\n assistant: \"The notifications feature is now implemented. I'll use the claude-md-auditor agent to update the documentation to include the new files and patterns.\"\\n <commentary>\\n A new feature was added with multiple new files across components, hooks, and store slices. The CLAUDE.md files likely need updating to document these additions. Use the Task tool to launch the claude-md-auditor agent.\\n </commentary>\\n\\n- Example 3:\\n user: \"Rename isRealUserMessage to isParsedRealUserMessage across the codebase\"\\n assistant: \"The rename is complete across all source and test files. Now I'll launch the claude-md-auditor agent to update any documentation references to the old function name.\"\\n <commentary>\\n A function was renamed which is likely documented in CLAUDE.md type guard tables and conventions sections. Use the Task tool to launch the claude-md-auditor agent to fix stale references.\\n </commentary>\\n\\n- Example 4:\\n user: \"Can you audit the CLAUDE.md files to make sure they're up to date?\"\\n assistant: \"I'll launch the claude-md-auditor agent to systematically verify all documentation against the actual codebase.\"\\n <commentary>\\n The user explicitly requested a documentation audit. Use the Task tool to launch the claude-md-auditor agent.\\n </commentary>

Install

Use this agent when the user wants to fix all code quality issues in the project, including linting, formatting, and unused code detection. This agent runs `pnpm fix` followed by `pnpm quality` in a loop, delegating each iteration to a subagent, until all issues are resolved.\\n\\nExamples:\\n\\n- User: \"Fix all the quality issues\"\\n Assistant: \"I'll launch the quality-fixer agent to iteratively fix all linting, formatting, and quality issues.\"\\n (Uses Task tool to launch quality-fixer agent)\\n\\n- User: \"Run quality checks and fix everything\"\\n Assistant: \"Let me use the quality-fixer agent to handle that.\"\\n (Uses Task tool to launch quality-fixer agent)\\n\\n- User: \"Make sure the code passes all checks\"\\n Assistant: \"I'll use the quality-fixer agent to ensure all quality checks pass.\"\\n (Uses Task tool to launch quality-fixer agent)\\n\\n- After completing a large refactor or feature implementation:\\n Assistant: \"Now that the changes are complete, let me launch the quality-fixer agent to ensure everything passes quality checks.\"\\n (Uses Task tool to launch quality-fixer agent)

Install

ChatGroup architecture — how conversation data flows from raw JSONL to rendered chat groups. Use when working on UserGroup, AIGroup, SystemGroup, display items, tool linking, chunks, or the rendering hierarchy.

Install

Design system and visual language — theming, CSS variables, Tailwind config, component styling patterns, icon usage, animations, and z-index layers. Use when creating or modifying UI components, working with the dark/light theme, or debugging visual issues.

Install

Explains what "Visible Context" is — the 6 trackable token categories, what falls outside tracking, how it's displayed, and why it matters. Use when someone asks about visible context, token attribution, or context window usage.

Install

Markdown search logic — how in-session and cross-session search works. Use when working on SearchBar, search highlighting, searchHighlightUtils, markdownTextSearch, or SessionSearcher.

Install

Navigation and scroll orchestration — tab navigation, error highlights, search scrolling, auto-scroll coordination, and common bug patterns. Use when working on useTabNavigationController, scroll restore, or navigation requests.

Install
Use cases

Subagents overview

README preview not available. Visit the repo on GitHub for full documentation.
aiai-agentai-debuggingai-toolsanthropicclaudeclaude-codeclaude-code-toolsdebuggingdesktop-appdeveloper-toolsdevtoolselectronllmmacos-appobservabilityopen-sourcesession-viewertoken-usagetypescript

What people ask about claude-devtools

What is matt1398/claude-devtools?

+

matt1398/claude-devtools is subagents for the Claude AI ecosystem. The missing DevTools for Claude Code — inspect session logs, tool calls, token usage, subagents, and context window in a visual UI. Free, open source. It has 3.6k GitHub stars and was last updated 1mo ago.

How do I install claude-devtools?

+

You can install claude-devtools by cloning the repository (https://github.com/matt1398/claude-devtools) or following the README instructions on GitHub. ClaudeWave also provides quick install blocks on this page.

Is matt1398/claude-devtools safe to use?

+

Our security agent has analyzed matt1398/claude-devtools and assigned a Trust Score of 100/100 (tier: Verified). See the full breakdown of passed checks and flags on this page.

Who maintains matt1398/claude-devtools?

+

matt1398/claude-devtools is maintained by matt1398. The last recorded GitHub activity is from 1mo ago, with 35 open issues.

Are there alternatives to claude-devtools?

+

Yes. On ClaudeWave you can browse similar subagents at /categories/agents, sorted by popularity or recent activity.

Deploy claude-devtools to your cloud

Ship this repo to production in minutes. Each platform spins up its own environment with editable env vars.

Maintain this repo? Add a badge to your README

Drop the badge into your GitHub README to show it's tracked on ClaudeWave. Each badge links back to this page and reflects the live Trust Score.

Featured on ClaudeWave: matt1398/claude-devtools
[![Featured on ClaudeWave](https://claudewave.com/api/badge/matt1398-claude-devtools)](https://claudewave.com/repo/matt1398-claude-devtools)
<a href="https://claudewave.com/repo/matt1398-claude-devtools"><img src="https://claudewave.com/api/badge/matt1398-claude-devtools" alt="Featured on ClaudeWave: matt1398/claude-devtools" width="320" height="64" /></a>

More Subagents