概要

Claude Task Viewer は、Anthropic の Claude（Code）で生成・実行されるタスクをカンバン形式でブラウザ上に表示する軽量ツールです。ローカルでサーバーを立てて http://localhost:3456 を開くだけで利用可能。タスクの状態が更新されるとビューも追従して変化するよう設計されており、デモ用途や開発中のタスク監視に適しています。ダーク/ライトのスクリーンショットが用意され、npx でのクイック起動や npm install からの起動手順もREADMEに記載されています。

リポジトリの統計情報

スター数: 32
フォーク数: 3
ウォッチャー数: 32
コミット数: 5
ファイル数: 9
メインの言語: HTML

主な特徴

カンバンボード形式でタスクを視覚的に管理・閲覧
Claude Code のタスク変化をリアルタイムで反映（READMEより）
npx で手早く起動、もしくはソースから npm install → npm start
ダークモード／ライトモードのUIを提供

技術的なポイント

このプロジェクトはフロントエンド中心の軽量な構成で、パッケージ化されており npx での起動が可能な点が特徴です。リポジトリ内に package.json と package-lock.json があることから Node.js 環境で簡単にローカルサーバーを立ち上げ、静的ファイル（HTML/JS/CSS）を配信する作りだと推測されます。README に「Watch your tasks update in real-time」とあるため、タスクの更新を受け取る仕組み（ポーリング、Server-Sent Events、WebSocket などのいずれか）を用いてフロントエンドの表示を更新している可能性が高いです。

UI はカンバンレイアウトに最適化されており、カードの移動や状態表示が見やすく実装されていることがスクリーンショットから確認できます。軽量な静的フロントエンド構成のため、他のサービスやパイプラインに組み込みやすく、ローカルでの開発／デバッグやデモ用途に向いています。ライセンスファイルが含まれているので、利用条件を確認しつつカスタマイズして使うことも容易です。

プロジェクトの構成

主要なファイルとディレクトリ：

.gitignore: file
LICENSE: file
README.md: file
package-lock.json: file
package.json: file

…他 4 ファイル

まとめ

ローカルで簡単にClaudeのタスク状態を可視化できる軽量なカンバンビューア。

リポジトリ情報：

名前: claude-task-viewer
説明: A web-based Kanban board for viewing Claude Code tasks
スター数: 32
言語: HTML
URL: https://github.com/L1AD/claude-task-viewer
オーナー: L1AD
アバター: https://avatars.githubusercontent.com/u/1161037?v=4

READMEの抜粋：

Claude Task Viewer

A web-based Kanban board for viewing Claude Code tasks. Watch your tasks update in real-time as Claude works.

Dark mode

Light mode

Installation

Quick start (npx)

npx claude-task-viewer

Then open http://localhost:3456

From source

git clone https://github.com/L1AD/claude-task-viewer.git
cd claude-task-viewer
npm install
npm start

Features

Kanban board — Tasks organised in Pe…

Claude タスクビューア（Kanban）