ClaudeMods
☰
KO
● 0 명 접속 중 · 조회 0 회
후원프로젝트 제출
GitHub 저장소 · 작성자 NovusEdge

glowup

Claude Code를 새롭게 꾸미는 인터페이스입니다. 변경 사항, subagents, 컨텍스트를 위한 조종석 패널과 활동 밴드, 공유 가능한 테마를 제공합니다.

번역 완료

이 mod 소개

<div align="center">

glowup

변경된 파일, subagents, 컨텍스트 사용량을 보여 주는 사이드 패널, 프롬프트 위 활동 줄, JSON으로 작성하는 packs와 테마, Clawd라는 픽셀 펫을 Claude Code에 추가하는 모드입니다.

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 탭: 작업과 실행 중인 grep을 보여 주는 Explore subagent, 그 아래 완료된 subagent, 실행 중인 것을 표시하는 상태 상자">

<sub>Agents 탭: 하나는 grep 중이고 하나는 완료되었습니다.</sub>

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

밴드

패널을 고정하지 않았을 때는 Claude가 작업하는 동안 프롬프트 위 한 줄에 같은 요약이 표시됩니다. 현재 작업, 실행 중인 subagents, 계획 진행률, 남은 컨텍스트를 나타내는 하트 5개가 표시되며 각 하트는 창의 20%에 해당합니다.

<img src="docs/assets/band.png" alt="테스트 1개 실패, subagent 1개, 하트 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>세션에서 한 번 compact된 Plan & context 탭입니다.</sub>

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

컨텍스트 상자

컨텍스트 상자는 창을 채우는 내용과 언제 다 차는지를 보여 줍니다.

  • 막대의 ┊와 차트의 점선은 자동 compact가 실행되는 지점을 표시합니다.
  • 차트 아래 줄에는 턴당 증가량과 자동 compact까지 남은 턴 수가 표시됩니다.
  • 그 아래에는 MCP 서버의 도구, CLAUDE.md, skill 목록처럼 줄일 수 있는 가장 큰 출처 3개가 표시됩니다.
</td> </tr> <tr> <td width="50%" valign="top">

Packs와 테마

pack은 한 이름 아래 색상, transcript 행 스타일, 테두리 모양, spinner를 설정합니다. 테마는 팔레트 부분만 담아 색상, 일부 glyph, spinner 문구, 하트 문자를 설정합니다. 둘 다 다른 JSON 파일을 extends할 수 있으므로 커스텀 파일에는 바꾸는 내용만 적으면 되고, 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에 아무것도 남기지 않습니다. 실행 전에 스크립트를 읽으려면 sh 대신 less로 파이프하세요.

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이 우선하고 설치된 사본은 스스로 꺼집니다. Install에 설치 프로그램 옵션, 설정, 제거 방법이 정리되어 있습니다.

사용

/glowup만 실행하면 대부분에게 필요한 몇 가지 명령을 나열하고, /glowup config는 패널을 열어 pack, spinner, 펫, 정확한 색상, 밴드, 탭, 상태 줄을 설정하게 합니다. 공유 packs와 테마 설치, 단일 색상 덮어쓰기, Konsole로 내보내기 등 나머지는 Commands에 있습니다.

glowup 설정은 Claude Code의 /plugin 메뉴에도 나타납니다. 메뉴에서 바꾼 내용과 /glowup 명령은 같은 저장된 선택을 설정하므로 마지막 변경이 적용됩니다. /plugin에서 바꾼 내용은 다음 세션 시작 시 또는 /reload-plugins 뒤에 적용됩니다.

Packs와 테마

classic(기본값이며 Claude Code 자체 모양을 유지), crt, cozy, arcade의 4개 pack이 제공됩니다.

/glowup pack arcade
<img src="docs/assets/pack-arcade.png" alt="arcade pack: 짙은 보라색 위의 네온 핑크와 시안, 도구 호출 주변의 굵은 카드, 패널 상태 상자의 HP 바" width="100%">

서로 다른 pack의 일부를 섞고 7개 색상 테마 중 하나를 얹거나 단일 색상을 덮어쓸 수 있습니다. 직접 만들고 싶다면 Claude에게 요청하세요. glowup에는 팔레트, 이미지, 설명에서 pack을 작성하고 기존 pack을 조정하는 skill이 있습니다(‘make arcade less pink’). /glowup import로 Ghostty와 base16 색상 구성도 변환할 수 있습니다.

Packs와 Making a theme을 참고하세요.

Clawd

<img src="docs/assets/clawd/juggle/clip.gif" alt="Clawd가 저글링하는 모습" align="right" width="184">

Clawd는 패널 아래에 살며 세션에 반응합니다. Claude가 파일을 편집하거나 명령을 실행할 때 타이핑하고, 읽고 검색할 때 걷고, subagent가 3개 이상 실행 중이면 저글링하며, 테스트가 통과하면 뛰고 실패하면 땀을 흘립니다. Claude의 승인이 필요하면 물음표를 들고 기다리고, 컨텍스트가 80%를 넘으면 헐떡이며, 아무 일도 없는 시간이 1분 지나면 잠듭니다. 말풍선을 켜면 턴 끝이나 실패 시 짧은 한마디도 합니다.

동작 줄이기는 Clawd를 숨기며 /glowup pet off도 숨깁니다. Pets에 모든 반응과 의상, Haiku가 쓴 말풍선 내용을 정리했습니다.

레이아웃

넓은 터미널의 전체 화면(144열, 직접 연 뒤에는 110열)에서는 패널이 transcript 옆에 고정됩니다. 더 좁은 터미널에서는 밴드가 표시되고, /glowup pane는 프롬프트 위에 서랍으로 패널을 엽니다. 80열 미만에서는 둘 다 맞게 줄어듭니다.

<img src="docs/assets/compact.png" alt="좁은 터미널의 압축 레이아웃: 변경 파일 2개와 Clawd의 한 줄 glyph를 보여 주는 탭 줄, 아래에는 142개 테스트 통과를 표시하는 밴드" width="60%">

Layout을 참고하세요.

접근성

  • /glowup motion reduced(또는 reducedMotion 설정)은 기본 spinner로 전환하고 shimmer를 끄며 Clawd를 숨깁니다. 동작을 켜도 1초에 2.5번보다 많이 깜빡이지 않습니다.
  • 고대비 테마는 순백색 텍스트와 완전히 채도 높은 색상을 사용합니다.
  • 모든 상태에는 색상뿐 아니라 glyph와 문구가 있습니다.

Accessibility을 참고하세요.

로드맵

일정 없는 계획에는 packs용 사운드 및 음성 레이어, 더 많은 spinners, 반려동물 2개(Kit과 Blip), Changes 탭의 diff 보기, Agents 탭에서 subagent 열기가 있습니다. Roadmap을 참고하세요.

기여

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

비슷한 프로젝트