---
title: "Claude Code で Claude Code 用のライブダッシュボードを作った – すべての編集、コスト、制限を表示し、Claude の質問に答えられる"
url: "https://claudemods.dev/ja/builds/i-built-a-live-dashboard-for-claude-code-with-claude-code-it-3f85d1"
source: "https://github.com/CNLynx/Live-Code-Dashboard"
source_type: "github"
repo: "https://github.com/CNLynx/Live-Code-Dashboard"
author: "AcrobaticSalad4897"
author_handle: "AcrobaticSalad4897"
stars: 2
category: "ツール・連携"
categories: ["tools"]
tags: ["cost-tracking", "dashboard", "hooks", "local-server", "statusline", "stream-deck"]
permission_level: 3
scan_complete: true
install: "claude plugin marketplace add CNLynx/Live-Code-Dashboard\nclaude plugin install live-code@cnlynx"
added: "2026-10-19T03:02:10.803Z"
updated: "2026-10-18T13:05:38Z"
locale: "ja"
content_locale: "ja"
---

# Claude Code で Claude Code 用のライブダッシュボードを作った – すべての編集、コスト、制限を表示し、Claude の質問に答えられる

Live Code はオープンソースの Claude Code プラグインと、127.0.0.1 で動作するローカルダッシュボードです。すべてのファイル読み取り/編集を、Haiku が生成した短い理由付きで行ごとに再生し、ターンごとのコスト、5時間/7日の使用制限、コンテキストウィンドウを表示し、ダッシュボードから Claude の質問に答えられます。オプションの統合には Stream Deck プラグイン、Philips Hue ライト、Cloudflare/Vercel/Netlify のビルド進行状況が含まれます。Windows では PowerShell のワンライナーでインストールします。

## Description

Live Code（リポジトリ: https://github.com/CNLynx/Live-Code-Dashboard）は、Claude Code 用の無料でオープンソースのプラグイン/Mod で、127.0.0.1 から提供されるローカルダッシュボードが付属しています。機能: Claude が読み取りまたは編集したすべてのファイルを行ごとに再生し、それぞれに Claude Haiku が生成した1行の理由を表示。ターンごとのコスト追跡。5時間/7日の使用制限と予測到達時間。コンテキストウィンドウ表示。実行中のチャットに書き込み、ダッシュボードから Claude の質問に答える機能。オプションの追加機能: Stream Deck プラグイン、Philips Hue ライト（完了/質問/スタック）、およびプログレスバーとして表示される Cloudflare/Vercel/Netlify ビルド。このプラグインは、ツール呼び出しとプロンプトに関する Claude Code のフックを使用します。Windows 専用のインストール（PowerShell 経由）: irm https://raw.githubusercontent.com/CNLynx/Live-Code-Dashboard/main/install.ps1 | iex

## Install

```
claude plugin marketplace add CNLynx/Live-Code-Dashboard
claude plugin install live-code@cnlynx
```

## Original README

Hi!, I built Live Code , a plugin/mod for Claude Code plus a small local dashboard. It's free and open source. What it does Replays every file Claude reads or edits, line by line, with a one-line note on why Shows cost per turn, the 5h / 7d usage limits with an estimate of when you hit them, and the context window Lets you write to a running chat and answer Claude's questions from the dashboard Optional: a Stream Deck plugin, Philips Hue lights (done / question / stuck), and Cloudflare/Vercel/Netlify builds as a progress bar How Claude Code helped build it I built almost all of it by prompting Claude Code, in one running chat: Claude Code wrote the plugin itself (hooks on tool calls and prompts, through Claude Code's mod API), the local Node server, the dashboard page, the Stream Deck plugin and the Hue integration. The "why" line next to each action comes from Claude Haiku, called through Claude Code's own model access. I mostly described what I wanted ("the cost tile should count all chats like the report", "fold button on both sides", "the light should fill from left to right") and Claude changed the code, tested it in a headless browser against demo data, and showed me screenshots. Claude also wrote the release script, the README and recorded the GIFs and the demo video from the demo dashboard. Because the dashboard reloads its own files, you can keep changing it live the same way: ask Claude in any chat to change it, and the open window updates. Free to try Windows, runs only on your PC (127.0.0.1), no account. Install in PowerShell: irm https://raw.githubusercontent.com/CNLynx/Live-Code-Dashboard/main/install.ps1 | iex Repo and screenshots: https://github.com/CNLynx/Live-Code-Dashboard Feedback welcome, especially what you'd want to see on it. ~Lynx   submitted by   /u/AcrobaticSalad4897   to   r/BuildWithClaude [link]   [comments]