---
title: "Claude Code Viewer Gives Anthropic's Terminal Agent a Real Browser UI"
subtitle: "Claude Code Viewer is an open-source web client that turns your local Claude Code sessions into a browsable, mobile-friendly workspace with Git tooling and remote access."
url: "https://alphasignal.ai/news/claude-code-viewer-gives-anthropic-s-terminal-agent-a-real-browser-ui"
author: "AlphaSignal Newsroom"
author_url: "https://alphasignal.ai/editorial-team"
company: "AlphaSignal"
company_url: "https://alphasignal.ai/company/alphasignal"
published: "2026-04-13T19:20:50.000Z"
updated: "2026-08-22T17:36:28.917Z"
type: "Repo"
topics:
  - "Development"
  - "Open Source"
subtopics:
  - "Code Agents"
  - "Code Generation"
upvotes: 21
source_url: "https://github.com/d-kimuson/claude-code-viewer"
comments: 0
truncated: true
---

# Claude Code Viewer Gives Anthropic's Terminal Agent a Real Browser UI

> Claude Code Viewer is an open-source web client that turns your local Claude Code sessions into a browsable, mobile-friendly workspace with Git tooling and remote access.

If you use Claude Code from the terminal but want a real UI, session history search, or the ability to check on runs from your phone, [Claude Code Viewer](https://github.com/d-kimuson/claude-code-viewer) is worth a look. The MIT-licensed TypeScript project wraps a browser interface around the standard Claude Code session logs stored on your machine, and it now has just over 1,100 stars on GitHub.

Every tool call, todo list, diff, and sub-agent invocation from your Claude Code runs is rendered in a searchable, filterable UI instead of terminal scrollback. Strict Zod schema validation means nothing gets silently dropped from the logs, and a progressive disclosure UI keeps details out of the way until you want them.

## One command, no install

Launch it directly from npm:

```
npx @kimuson/claude-code-viewer@latest --port 3400
```

Then open `http://localhost:3400`. You need Node.js 22.13.0 or later, Claude Code v1.0.125 or later, and macOS or Linux. Windows is not supported. The [npm package](https://www.npmjs.com/package/@kimuson/claude-code-viewer) exposes flags for hostname, password auth, a custom Claude executable path, and an `--api-only` mode for integrating with tools like n8n.

![Claude Code Viewer projects dashboard showing authentication mode selection](https://github.com/d-kimuson/claude-code-viewer/raw/main/e2e/snapshots/projects/desktop-dark.png) 

## Two auth modes, and why the choice bites

On first launch you pick an authentication mode, and the choice changes what the app can do. As of April 2026, Anthropic's Terms of Service prohibit using the Agent SDK to send chat messages with a subscription account. The project responded by making agent-driven actions opt-in:

_Preview only. Full text requires an AlphaSignal Pro account._

## Sources

- [d-kimuson/claude-code-viewer](https://github.com/d-kimuson/claude-code-viewer)
- [@kimuson/claude-code-viewer on npm](https://www.npmjs.com/package/@kimuson/claude-code-viewer)
- [Claude Code on the Web](https://docs.claude.com/en/docs/claude-code/claude-code-on-the-web)
- [Tailscale HTTPS certificates](https://tailscale.com/docs/how-to/set-up-https-certificates)