---
title: "我用 Claude Code 為 Claude Code 打造了一個即時儀表板——它顯示每一次編輯、成本和限制，並讓你回答 Claude 的問題"
url: "https://claudemods.dev/zh-tw/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: "zh-tw"
content_locale: "zh-tw"
---

# 我用 Claude Code 為 Claude Code 打造了一個即時儀表板——它顯示每一次編輯、成本和限制，並讓你回答 Claude 的問題

Live Code 是一個開源 Claude Code 外掛加上一個執行在 127.0.0.1 的本地儀表板，它逐行回放每一次檔案讀取/編輯，並附上由 Haiku 產生的簡短理由，顯示每輪成本、5小時/7天使用限制和上下文視窗，並讓你從儀表板回答 Claude 的問題。可選整合包括 Stream Deck 外掛、Philips Hue 燈光以及 Cloudflare/Vercel/Netlify 建置進度。透過 PowerShell 一行命令在 Windows 上安裝。

## Description

Live Code（倉庫：https://github.com/CNLynx/Live-Code-Dashboard）是一個免費、開源的 Claude Code 外掛/模組，附帶一個從 127.0.0.1 提供服務的本地儀表板。功能：逐行回放 Claude 讀取或編輯的每個檔案，每個檔案都附有由 Claude Haiku 產生的一行理由；每輪成本追蹤；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]