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

prompt-bubbles

자신의 프롬프트를 오른쪽 정렬 채팅 버블로 렌더링해 Claude의 답변과 구별하는 Claude Code 플러그인입니다. 검증된 manifest, hooks 모듈, 스크린샷과 marketplace 설치 안내를 포함합니다.

akilin@akilin

akilin/claude-plugins/tree/main/plugins/prompt-bubbles

원본 게시물 이미지1
번역 완료

이 mod 소개

prompt-bubbles는 github.com/akilin/claude-plugins에서 호스팅되는 Claude Code 플러그인입니다. 자신의 프롬프트를 오른쪽 정렬 채팅 버블(수레국화색 파란 테두리가 있는 둥근 상자이며 가장 긴 줄에 맞추고 터미널 너비의 3/4로 제한)로 그려 Claude의 답변과 구별합니다. 작업 알림과 다른 agent 또는 세션의 메시지는 평소처럼 렌더링되고, 이미 버블을 표시하는 데스크톱 앱도 그대로입니다. 이는 표시만 바꾸는 기능으로, 모델이 보는 내용과 수행하는 작업은 바뀌지 않습니다. 플러그인 marketplace에서 /plugin marketplace add akilin/claude-plugins를 실행한 뒤 /plugin install prompt-bubbles@akilin-plugins를 실행해 설치합니다. 저장소에는 스크린샷, Node·TypeScript·Claude Code가 미리 설치된 개발 컨테이너와 검증 명령(claude plugin validate ., claude plugin test ., tsc)이 들어 있습니다. MIT 라이선스입니다. 도구 행을 짧고 덜 시끄럽게 만드는 자매 플러그인 better-tool-rows와 함께 제공됩니다.

설치

먼저 작성자의 README에서 marketplace와 플러그인 이름을 확인하세요. 저장소 구조에 따라 명령어가 달라질 수 있습니다.

claude plugin marketplace add akilin/claude-plugins
claude plugin install prompt-bubbles
원문 / README

claude-plugins

Claude Code plugins that change how the terminal UI looks. They only change rendering: what the model sees and does is untouched.

Install

/plugin marketplace add akilin/claude-plugins
/plugin install better-tool-rows@akilin-plugins
/plugin install prompt-bubbles@akilin-plugins

Screenshots

With both plugins:

A session with better-tool-rows and prompt-bubbles

The same session without them (zoomed out to fit on one screen):

The same session without the plugins

Plugins

better-tool-rows

Shorter, quieter tool rows.

  • Read / Edit / Write show the file path relative to the folder Claude Code was started in (the link behind it still holds the full path, so ctrl+click opens it from anywhere), even after Claude cds elsewhere or /cd moves the project. Files outside the folder keep their full path. Windows paths match with either separator and in any case.
  • Edit / Write hide the diff and put the line counts on the row instead: Update(notes.md) +3 -1. A path too long to fit on the line with its counts is cut to its end (Update(…/src/notes.md) +3 -1), still opening the full path on ctrl+click. An edit held for review rather than written is shown as usual.
  • A tool row straight after a one-line Edit / Write row drops the blank line above it, so a run of edits reads as a list. After text, or after a row with lines beneath it (Bash output, Read's Read 7 lines), the blank line stays.
  • Bash commands are put on one line (a multi-line command's lines are joined) and cut with … so Bash(command) always fits on one line, wide characters included.
  • Bash commands that create or delete files list each one beneath the row with its line count (Created notes.md +10, Deleted notes.md -10) instead of a diff of all the lines each file has or had.
  • Bash output longer than 5 lines is folded behind a clickable ▸ 12 lines; unfolded, it shows up to 500 lines and counts the rest. If the command was cut or joined, the fold also holds the full command with syntax highlighting (▸ command, 12 lines); with 5 lines of output or fewer, the output stays as it is and the fold holds the command alone (▸ command).

prompt-bubbles

Your own prompts are drawn as right-aligned chat bubbles (a rounded box with a cornflower-blue border, as wide as the longest line and at most three quarters of the terminal) so they stand apart from Claude's replies. Task notifications and messages from other agents or sessions keep the usual drawing, and so does the desktop app, which already has bubbles.

Development

The repo has a dev container (Node, TypeScript and Claude Code preinstalled). It keeps Claude Code's config in a volume of its own, so logins and settings survive a rebuild, and sets VS Code's chat to auto-approve tool calls (chat.permissions.default), which is only safe inside the container.

From a plugin's folder (e.g. plugins/better-tool-rows):

claude plugin validate .
claude plugin test .
npx -y -p typescript tsc -p tsconfig.json

tsc needs the API types Claude Code writes to .claude-plugin/types/ (gitignored) when it loads the plugin, so on a fresh clone load it once first, e.g. claude --plugin-dir plugins/better-tool-rows.

License

MIT

비슷한 프로젝트