gitwtfhub

wtf is claude-web?

akashkarnatak/claude-web — explained in plain English

Analysis updated 2026-05-18

0TypeScriptAudience · developerComplexity · 3/5Setup · moderate

TL;DR

claude-web is a local browser interface for the Claude Code AI coding assistant, mirroring the terminal experience with rich formatting, tool cards, and shared chat history.

Mindmap

mindmap
  root((claude web))
    What it does
      Browser UI for Claude Code
      Streams engine output
      Shares terminal history
    Tech stack
      TypeScript
      Node.js
      React
      WebSocket
    Use cases
      Browser based coding chat
      Tool permission review
      Image paste support
    Features
      Background tasks panel
      Conversation search
      Interactive questions

Code map

Detail Auto

An interactive map of this repo's files and how they connect — its source is parsed live in your browser. Click Visualize to build it.

filefunction / class

Why would anyone build with this?

REASON 1

Run Claude Code through a browser interface instead of the terminal, with formatted text, math, and syntax highlighted code.

REASON 2

Review and approve or deny tool permission requests from the assistant through an in-browser prompt.

REASON 3

Switch between using Claude Code in the terminal and in the browser while keeping the same conversation history.

REASON 4

Paste a screenshot or drag an image into a chat so the assistant can see and respond to it.

What's in the stack?

TypeScriptNode.jsReactViteWebSocket

How it stacks up

akashkarnatak/claude-web0xradioac7iv/tempfs7vignesh/pgpulse
Stars000
LanguageTypeScriptTypeScriptTypeScript
Setup difficultymoderatemoderatemoderate
Complexity3/53/54/5
Audiencedeveloperdeveloperdeveloper

Figures from each repo's GitHub metadata at analysis time.

How do you spin it up?

Difficulty · moderate Time to first run · 30min

Requires Node 20.x and an Anthropic API key set in a local .env file, the server is meant to stay bound to localhost only.

No license is stated in the README, so usage rights are unclear.

Wtf does this do

claude-web is a local web application that lets a person run Claude Code, an AI coding assistant, through a browser interface instead of only in a terminal. It runs the Claude Code engine on a backend server and displays its output nicely in the browser, including formatted text, math notation, syntax highlighted code, and cards showing what tools the assistant used. The backend is written in Node and TypeScript, drives the Claude Code engine, and streams updates to the browser over a WebSocket connection that only accepts connections from the same computer by default. When the assistant wants to use a tool that needs permission, the browser shows an Allow or Deny prompt rather than asking in the terminal. Chats started in claude-web share the same history as chats started from the terminal, since the app reads and lists the same session files the command line version already keeps for a project. The interface tries to match what a person already gets in the terminal version of Claude Code, plus a few extras. It shows a status line with elapsed time, a live token count, and the current activity while the assistant works, and pressing Escape interrupts it. A keyboard shortcut cycles through permission modes such as accepting edits automatically or planning only. Typing a slash suggests available commands, and an at sign suggests project files. Every conversation lives at its own web address, so links can be shared or reopened after a refresh. When the assistant splits work across background subagents or runs a background shell command, a live panel shows each one with its status, elapsed time, and token count. If it asks the user a question through its question tool, the app renders real answer options and checkboxes instead of a plain approve or deny choice. There is also a search feature across all chats using regular expressions, and support for pasting or dragging images into a conversation so the assistant can see them. Setting it up means installing the Node dependencies, copying an example environment file, and adding an Anthropic API key, which stays only on the backend. It can run in a development mode with separate frontend and backend processes, or as a single built production app. The project requires Node 20.x and is built to run locally rather than be exposed to a network. The README does not mention a software license.

Yoink these prompts

Prompt 1
Explain how claude-web shares conversation history between the terminal and the browser interface.
Prompt 2
Walk me through setting up claude-web with my Anthropic API key and running it locally.
Prompt 3
How do permission modes work in claude-web, and how do I cycle between them?
Prompt 4
What happens in claude-web when Claude Code asks the user a question with AskUserQuestion?

Frequently asked questions

wtf is claude-web?

claude-web is a local browser interface for the Claude Code AI coding assistant, mirroring the terminal experience with rich formatting, tool cards, and shared chat history.

What language is claude-web written in?

Mainly TypeScript. The stack also includes TypeScript, Node.js, React.

What license does claude-web use?

No license is stated in the README, so usage rights are unclear.

How hard is claude-web to set up?

Setup difficulty is rated moderate, with roughly 30min to a first successful run.

Who is claude-web for?

Mainly developer.

View the repo → Decode another repo

This repo across BitVibe Labs

Don't trust strangers blindly. Verify against the repo.