ClaudeMods
☰
ZH-TW
● 0 人在線上 · 瀏覽 0 次
贊助提交作品
GitHub 儲存庫 · 發布者 NovusEdge

glowup

Claude Code 的升級介面:用於變更、subagents 和內容視窗的駕駛艙面板、活動帶,以及可分享的主題。

已翻譯

關於這個 mod

<div align="center">

glowup

Claude Code 外掛,新增變更檔案、subagents 和內容視窗用量的側邊面板、提示列上方的活動列、以 JSON 撰寫的 packs 與主題,以及名為 Clawd 的像素寵物。

CI Release License: MIT Claude Code

文件網站  |  最新版本

</div> <img src="docs/assets/hero.gif" alt="啟動影片片段:套用 arcade pack 的 Claude Code,以及停靠在 transcript 旁的 glowup 面板。Claude 編輯檔案,測試失敗,Clawd 說「ouch, 1 failed」,接著修正通過,等級列閃出 LEVEL UP,Clawd 跳了起來" width="100%"> <p align="center"><sub>啟動影片片段,使用 arcade pack 並停靠面板:Claude 編輯檔案,測試失敗並損失一條生命,修正通過,Clawd 隨著等級上升跳起來。完整影片也會切換 packs,並顯示 Plan &amp; context 分頁。</sub></p>

glowup 會在不移動 Claude Code transcript 和提示列的情況下圍繞它們繪製介面。

你會得到什麼

<table> <tr> <td width="50%" valign="top">

面板

面板有 3 個分頁,每個都以 pack 的邊框樣式繪製成方框。

  • Changes 列出 Claude 編輯或建立的檔案,以及來自 git 的新增和刪除列數。
  • Agents 列出 subagents、它們的經過時間、token 數量,以及各自執行的工具。
  • Plan & context 顯示 Claude 的工作清單;下方是依填滿視窗的內容拆分的內容視窗狀態列、整個工作階段的內容視窗用量圖表、自動 compact 前剩餘的回合數,以及可以裁剪的最大來源。

分頁下方的狀態框顯示目前動作、執行中的 subagents,以及 5 小時限制和每週限制中較緊者的剩餘用量心形列。使用 API key 時,這一列會改為顯示工作階段已花費的用量。

</td> <td width="50%" valign="top"> <img src="docs/assets/pane-wide.png" alt="停靠面板的 Changes 分頁:方框內有 3 個檔案及其新增和刪除數量,下方狀態框顯示 Done、5 小時限制的 4 顆心形和 Clawd">

<sub>Changes 分頁,下方是狀態框:Done、用量心形和 Clawd。</sub>

</td> </tr> <tr> <td width="50%" valign="top"> <img src="docs/assets/agents.png" alt="停靠面板的 Agents 分頁:一個正在執行的 Explore subagent,顯示它的工作和正在執行的 grep;下方是一個已完成的 subagent,狀態框標出正在執行的那個">

<sub>Agents 分頁:一個 subagent 正在 grep,另一個已完成。</sub>

</td> <td width="50%" valign="top">

活動帶

面板未停靠時,提示列上方的單行會在 Claude 工作時顯示相同摘要:目前動作、執行中的 subagents、計畫進度,以及代表剩餘內容視窗的 5 顆心形,每顆代表視窗的 20%。

<img src="docs/assets/band.png" alt="活動帶顯示:1 個測試失敗、1 個 subagent、5 顆心形"> </td> </tr> <tr> <td width="50%" valign="top"> <img src="docs/assets/context.png" alt="停靠面板的 Plan &amp; context 分頁:工作清單中有一個步驟進行中;下方內容視窗框有一條標記自動 compact 點的堆疊列、在 compact 處下降的盲文內容視窗用量圖表、+14k/turn · auto-compact in ~4 turns,以及 3 個最大來源:MCP 伺服器、CLAUDE.md 和 skill 清單">

<sub>Plan & context 分頁,工作階段已 compact 一次。</sub>

</td> <td width="50%" valign="top">

內容視窗框

內容視窗框會顯示什麼正在填滿視窗,以及何時會用完。

  • 列上的 ┊ 和圖表上的虛線標出自動 compact 執行的位置。
  • 圖表下方的文字列出每回合的增長量,以及距離自動 compact 還有幾個回合。
  • 再下方是可以裁剪的 3 個最大來源,例如 MCP 伺服器的工具、CLAUDE.md 或 skill 清單。
</td> </tr> <tr> <td width="50%" valign="top">

Packs 和主題

pack 用一個名稱設定顏色、transcript 列樣式、邊框形狀和 spinner。主題只有調色盤部分:顏色、幾個 glyph、spinner 文字和心形字元。兩者都是可以 extends 另一個 JSON 檔案,因此自訂檔案只要列出變更內容,也可以把檔案放在 https:// URL 上分享。

</td> <td width="50%" valign="top">

狀態列

Claude 或 subagent 工作時,glowup 會在提示列下方新增一筆工作完成後清除的項目。欄位和順序由你選擇,可以包括活動、內容視窗、5 小時和每週用量、成本、分支等。第一次執行時,glowup 會詢問是否要繪製完整狀態列;如果選否,現有狀態列會維持不變。

</td> </tr> </table>

安裝

glowup 需要 Claude Code 2.1.289 或更新版本。

curl -fsSL https://glowup.khimani.dev/install.sh | sh

安裝程式會在你挑選 pack、寵物和幾個額外項目時預覽每個選項,接著使用 Claude Code 自己的 claude plugin 指令安裝外掛。它從暫存資料夾執行,不需要 sudo,也不會在 PATH 上留下任何東西。要在執行前閱讀指令碼,請把它導入 less,不要導入 sh。

要從 Claude Code 裡安裝:

/plugin marketplace add NovusEdge/glowup
/plugin install glowup@glowup

從 clone 執行:

git clone https://github.com/NovusEdge/glowup
cd glowup
claude --plugin-dir .

如果一個工作階段同時載入已安裝版本和 clone,clone 會優先,已安裝版本會自行關閉。安裝涵蓋安裝程式選項、設定和移除方式。

使用

單獨執行 /glowup 會列出大多數人需要的少數指令,執行 /glowup config 會開啟面板,讓你選擇 pack、spinner 和寵物,輸入準確的顏色,並設定活動帶、分頁和狀態列。其他功能,包括安裝共用 packs 和主題、覆寫單一顏色及匯出到 Konsole,都在指令中。

glowup 的設定也會出現在 Claude Code 的 /plugin 選單中。那裡的變更和 /glowup 指令會設定同一個已儲存的選項,所以最後一次做的選擇會生效。透過 /plugin 做的變更會在下一個工作階段啟動時或執行 /reload-plugins 後套用。

Packs 和主題

隨附 4 個 packs:classic(預設,保留 Claude Code 自己的外觀)、crt、cozy 和 arcade。

/glowup pack arcade
<img src="docs/assets/pack-arcade.png" alt="arcade pack:深紫色背景上的霓虹粉紅和青色,工具呼叫周圍有醒目卡片,面板狀態框中有 HP 列" width="100%">

你可以混合不同 pack 的部分,在上面套用 7 個色彩主題之一,或覆寫單一顏色。要製作自己的 pack,可以請 Claude 處理:glowup 提供一個 skill,會從調色盤、圖片或描述寫出 packs,也能調整現有的 pack(「make arcade less pink」)。/glowup import 也能轉換 Ghostty 和 base16 色彩配置。

請參閱 Packs 和 製作主題。

Clawd

<img src="docs/assets/clawd/juggle/clip.gif" alt="Clawd 玩雜耍" align="right" width="184">

Clawd 住在面板底部,會對工作階段做出反應。Claude 編輯檔案或執行指令時它會打字,讀取和搜尋時會走路,執行 3 個以上 subagents 時會雜耍,測試通過時會跳躍,測試失敗時會流汗。Claude 需要你核准時,它會帶著問號等待;內容視窗超過 80% 時會喘氣;什麼都沒發生 1 分鐘後會睡著。開啟泡泡後,它還會在回合結尾或發生失敗時說一小句話。

減少動態會隱藏它,/glowup pet off 也會隱藏它。Pets列出所有反應、服裝,以及 Haiku 撰寫的泡泡會送出什麼。

版面

在寬終端機的全螢幕模式中(144 欄,或自行開啟後為 110 欄),面板會停靠在 transcript 旁。較窄的終端機會顯示活動帶,而 /glowup pane 會在提示列上方以抽屜形式開啟面板。低於 80 欄時,兩者都會縮小以適應:

<img src="docs/assets/compact.png" alt="窄終端機的緊湊版面:分頁列顯示 2 個變更檔案和 Clawd 的單列字形,下方活動帶顯示 142 個測試通過" width="60%">

請參閱 版面。

無障礙

  • /glowup motion reduced(或 reducedMotion 設定)會切換到內建 spinner、關閉 shimmer 並隱藏 Clawd。開啟動態時,每秒閃爍不超過 2.5 次。
  • 高對比主題使用純白文字和完全飽和的色彩。
  • 每個狀態除了顏色,也有 glyph 和文字。

請參閱 無障礙。

路線圖

規劃中但沒有日期:packs 的聲音和語音層、更多 spinners、另外 2 隻寵物(Kit 和 Blip)、Changes 分頁的 diff 檢視,以及從 Agents 分頁開啟 subagent。請參閱路線圖。

貢獻

just setup 安裝相依套件,just ci 執行與 CI 相同的檢查,just dev 啟動載入你 checkout 的 Claude Code。請參閱 CONTRIBUTING.md,並依 SECURITY.md 的說明回報漏洞。

授權條款

MIT

安裝

請先查看作者 README,確認 marketplace 與外掛名稱;指令可能隨儲存庫結構而變動。

claude plugin marketplace add NovusEdge/glowup
claude plugin install glowup
原文 / README
<div align="center">

glowup

A Claude Code mod that adds a side pane for changed files, subagents and context use, an activity line above the prompt, packs and themes written as JSON, and a pixel pet named Clawd.

CI Release License: MIT Claude Code

Docs site  |  Latest release

</div> <img src="docs/assets/hero.gif" alt="A cut of the launch video: Claude Code with the arcade pack and the glowup pane docked beside the transcript. Claude edits a file, a test fails and Clawd says 'ouch, 1 failed', then the fix passes, the level bar flashes LEVEL UP and Clawd hops" width="100%"> <p align="center"><sub>A cut of the launch video, in the arcade pack with the pane docked: Claude edits a file, a test fails and costs a life, the fix passes, and Clawd hops as the level goes up. The full video also switches packs and shows the Plan &amp; context tab.</sub></p>

glowup draws around Claude Code's transcript and prompt without moving them.

What you get

<table> <tr> <td width="50%" valign="top">

The pane

The pane has three tabs, each drawn as a box in your pack's border style.

  • Changes lists the files Claude edited or created, with added and removed line counts from git.
  • Agents lists the subagents with their elapsed time, token count and the tool each one is running.
  • Plan & context shows Claude's task list, and below it a context bar split by what is filling the window, a chart of context use over the session, how many turns remain before auto-compact, and the heaviest sources you can trim.

Under the tabs, a status box shows the current action, the running subagents, and a row of hearts for the usage you have left on whichever of the 5-hour and weekly limits is tighter. On an API key the row shows what the session has spent instead.

</td> <td width="50%" valign="top"> <img src="docs/assets/pane-wide.png" alt="The docked pane on the Changes tab: three files in a box with their added and removed counts, and below it the status box reading Done, four hearts for the 5-hour limit and Clawd">

<sub>Changes tab, with the status box below it: Done, the usage hearts, and Clawd.</sub>

</td> </tr> <tr> <td width="50%" valign="top"> <img src="docs/assets/agents.png" alt="The docked pane on the Agents tab: a running Explore subagent with its task and the grep it is running, a finished subagent below it, and the status box naming the running one">

<sub>Agents tab: one subagent mid-grep, one finished.</sub>

</td> <td width="50%" valign="top">

The band

When the pane is not docked, a single line above the prompt shows the same summary while Claude works: the current action, running subagents, plan progress, and five hearts for the context left, each worth 20% of the window.

<img src="docs/assets/band.png" alt="The band reading: 1 test failed, 1 subagent, five hearts"> </td> </tr> <tr> <td width="50%" valign="top"> <img src="docs/assets/context.png" alt="The docked pane on the Plan & context tab: a task list with one step in progress, then a context box with a stacked bar marked at the auto-compact point, a braille chart of context use that drops at a compaction, the line +14k/turn · auto-compact in ~4 turns, and the three heaviest sources: an MCP server, CLAUDE.md and the skill listing">

<sub>Plan & context tab, one compaction into the session.</sub>

</td> <td width="50%" valign="top">

The context box

The context box shows what is filling the window and when it will run out.

  • The ┊ on the bar and the dashed line on the chart mark where auto-compact runs.
  • The line under the chart gives the growth per turn and the turns left before auto-compact.
  • Below that are the three biggest sources you can trim, such as an MCP server's tools, a CLAUDE.md or the skill listing.
</td> </tr> <tr> <td width="50%" valign="top">

Packs and themes

A pack sets colors, transcript row styles, border shape and spinner under one name. A theme is just the palette part: colors, a few glyphs, spinner words and the heart characters. Both are JSON files that can extends another, so a custom one only lists what it changes, and either can be shared by hosting the file at an https:// URL.

</td> <td width="50%" valign="top">

The status line

While Claude or a subagent is working, glowup adds an entry under the prompt and clears it when the work is done. Its fields and their order are yours to pick, from activity, context, 5-hour and weekly usage, cost, branch and a few more. On first run glowup asks once whether it should draw your whole status line; if you say no, your existing one is left alone.

</td> </tr> </table>

Install

glowup needs Claude Code 2.1.289 or later.

curl -fsSL https://glowup.khimani.dev/install.sh | sh

The installer previews each choice while you pick a pack, a pet and a couple of extras, then installs the mod with Claude Code's own claude plugin commands. It runs from a temp folder and does not need sudo or leave anything on your PATH. To read the script before running it, pipe it to less instead of sh.

To install from inside Claude Code instead:

/plugin marketplace add NovusEdge/glowup
/plugin install glowup@glowup

To run from a clone:

git clone https://github.com/NovusEdge/glowup
cd glowup
claude --plugin-dir .

If a session loads both an installed copy and a clone, the clone wins and the installed copy turns itself off. Install covers installer options, settings and removal.

Using it

/glowup on its own lists the handful of commands most people need, and /glowup config opens a pane where you pick a pack, spinner and pet, type exact colors, and set up the band, tabs and status line. Everything else, including installing shared packs and themes, overriding single colors and exporting to Konsole, is in Commands.

glowup's settings also appear in Claude Code's /plugin menu. A change there and a /glowup command set the same saved choice, so whichever you made last is the one in effect. Changes made in /plugin apply at the next session start or after /reload-plugins.

Packs and themes

Four packs ship: classic (the default, which keeps Claude Code's own look), crt, cozy and arcade.

/glowup pack arcade
<img src="docs/assets/pack-arcade.png" alt="The arcade pack: neon pink and cyan on deep purple, with bold cards around tool calls and an HP bar in the pane's status box" width="100%">

You can mix parts of different packs, put one of seven color themes on top, or override single colors. To make your own, ask Claude: glowup ships a skill that writes packs from a palette, an image or a description, and adjusts existing ones ("make arcade less pink"). /glowup import also converts Ghostty and base16 color schemes.

See Packs and Making a theme.

Clawd

<img src="docs/assets/clawd/juggle/clip.gif" alt="Clawd juggling" align="right" width="184">

Clawd lives at the bottom of the pane and reacts to the session. He types while Claude edits or runs commands, walks while it reads and searches, juggles when three or more subagents are running, hops on a passing test and sweats on a failing one. He waits with a question mark when Claude needs your approval, pants once context passes 80%, and falls asleep after a minute of nothing. With bubbles on he also says a short line at the end of a turn or when something fails.

Reduced motion hides him, as does /glowup pet off. Pets lists every reaction, the outfits, and what Haiku-written bubbles send.

Layout

In fullscreen on a wide terminal (144 columns, or 110 once you have opened it yourself) the pane docks beside the transcript. On narrower terminals you get the band instead, and /glowup pane opens the pane as a drawer above the prompt. Under 80 columns both shrink to fit:

<img src="docs/assets/compact.png" alt="The compact layout in a narrow terminal: a tab strip with two changed files and Clawd's one-row glyph, then the band reading 142 tests passing" width="60%">

See Layout.

Accessibility

  • /glowup motion reduced (or the reducedMotion setting) switches to the stock spinner, turns off the shimmer and hides Clawd. With motion on, nothing flashes more than 2.5 times a second.
  • The high-contrast theme uses pure white text and fully saturated colors.
  • Every state has a glyph and a word as well as a color.

See Accessibility.

Roadmap

Planned, without dates: sound and voice layers for packs, more spinners, two more pets (Kit and Blip), a diff view in the Changes tab, and opening a subagent from the Agents tab. See Roadmap.

Contributing

just setup installs dependencies, just ci runs the same checks as CI, and just dev starts Claude Code with your checkout loaded. See CONTRIBUTING.md, and report vulnerabilities as described in SECURITY.md.

License

MIT

更多類似作品