claude-code-for-web

Name: claude-code-for-web
Rating: 56 (1 reviews)
Author: GoodLuckAlien

GoodLuckAlien/claude-code-for-web

Claude-code-for-web bridges the Claude Code CLI tool to a browser-based UI via WebSockets and the Agent SDK. It offers streaming responses, interactive tool approvals, and workspace isolation.

3 3No licenseUpdated 2026-06-28

Fair

View on GitHub Open source file

Overview

This tool brings the capabilities of Claude Code into a web browser by running a Node.js CLI server that communicates via WebSockets with a frontend UI. It utilizes the Anthropic Agent SDK to manage sessions, stream text deltas, render Markdown with syntax highlighting, and handle tool permissions interactively through browser prompts. It inherits global user configurations and MCP settings while restricting file operations to a specified working directory.

Capabilities

▸Bidirectional WebSocket communication between browser UI and Claude CLI
▸Real-time streaming of text, tool calls, and results
▸Interactive permission approvals for dangerous tool executions
▸Markdown and syntax-highlighted code rendering in the browser
▸Session resumption and working directory isolation via --cwd

Best for

Interacting with Claude Code via a graphical web interface instead of a terminal, Managing file operations safely within a restricted working directory via browser prompts, Reviewing and approving or denying dangerous tool calls (Edit, Write, Bash) visually

Works with

Claude Code

Evoa Score breakdown= Σ (score × weight)

Task usefulness20%88 → +17.6

実タスクにどれだけ役立つか（機能の豊富さ・用途の明確さ）。 — AIによるcapabilities/use-cases解析

Code quality15%85 → +12.8

実装・指示の品質。 — AIによるSKILL.md/README解析

Maintenance15%85 → +12.8

リポジトリがどれだけ活発に保守されているか。 — GitHub 最終push日時の新しさ

Documentation12%30 → +3.6

ドキュメントの充実度・分かりやすさ。 — README/独自要約の情報量

Security15%50 → +7.5

危険・不審な挙動が無いか。 — AIによるセキュリティレビュー

Originality10%80 → +8.0

ありふれたラッパーではない独自性。 — AIによる独自性判定

Popularity8%25 → +2.0

コミュニティの採用度。 — GitHub Stars/Forks（対数スケール）

Compatibility5%25 → +1.3

対応AIエージェントの広さ。 — AIによる対応エージェント判定

Weighted total65.5 / 100

ライセンス不明/制限あり（Red）のSkillは総合スコアに0.85倍の補正を適用します。ランキングはこのScoreのみで決まり、広告で変わりません。算出方法の詳細 →

Security considerations

The application handles permission requests for dangerous operations like file edits and shell commands. Users should ensure they trust the working directory context and verify tool execution prompts before approving them in the browser interface.