ClaudeMods
☰
ZH-CN
● 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,可根据调色板、图像或描述编写 pack,并调整现有 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

更多类似作品