Claudeck：エージェント、コスト追跡、プラグインシステムを備えたClaude Code用ブラウザUI

Claudeckの機能

Claudeckは、Claude Code SDKをラップしたブラウザベースのユーザーインターフェースで、Claude Codeを視覚的に操作するためのインターフェースを提供します。開発ワークフローを妨げないように設計されています。

主な機能と詳細

インストール: 試すためのワンコマンド: npx claudeck@latest

1. 自律エージェントオーケストレーション

• 4つの組み込みエージェント: PRレビュアー、バグハンター、テストライター、リファクタリング
• 視覚的な依存関係グラフエディターによるエージェントチェーンとDAG
• 専門エージェントにタスクを自動委任するオーケストレーター
• コスト集計と成功率を含む完全なメトリクスダッシュボード

2. コストとトークンの可視化

• 日次タイムライングラフによるセッションごとのコスト追跡
• 入力/出力トークンの内訳
• ストリーミングトークンカウンター
• 9カテゴリにわたるエラーパターン分析

3. Gitワークツリーの分離

• 分離されたgitワークツリーで任意のチャットやエージェントタスクを実行
• 結果のマージ、差分比較、または破棄
• 作業ブランチに影響を与えずに実験可能

4. セッション間の永続メモリ

• SQLiteとFTS5全文検索を使用してセッション間でプロジェクト知識を記憶
• 会話からの洞察を自動キャプチャ
• 手動の/rememberコマンドをサポート
• Claude HaikuによるAI駆動のメモリ最適化

5. フルスタックプラグインシステム

• 7つの組み込みプラグイン: Linear、Tasks、Repos、Claude Editorなど
• ~/.claudeck/plugins/にあるユーザープラグインディレクトリ（アップグレード後も保持）
• client.jsとオプションでserver.jsをドロップするだけで使用可能（フォーク不要）

追加機能

• パラレルモード: 2x2グリッドで4つの独立したチャット
• セッションブランチング
• ↑キーによるメッセージ呼び戻し
• MCPサーバー管理
• AFK承認/拒否付きTelegram通知
• スキルマーケットプレイス統合
• PWAとしてインストール可能

技術詳細

• ゼロフレームワーク — バニラJS
• 6つのnpm依存関係
• ビルドステップ不要
• macOS、Linux、Windowsで動作
• MITライセンス

リンク: npm: npmjs.com/package/claudeck, GitHub: github.com/hamedafarag/claudeck