ClaudeMods
☰
JA
● 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 プラグインです。自分のプロンプトを右寄せのチャットバブル(矢車菊色の青い枠を持つ角丸ボックスで、最長行に合わせ、ターミナル幅の 4 分の 3 を上限とする)として描画し、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

関連作品