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

lightbox

프롬프트에 붙여 넣은 이미지를 큰 미리보기로 보여 주는 Claude Code mod입니다.

번역 완료

이 mod 소개

붙여 넣은 이미지를 프롬프트 위에서 큰 미리보기로 열고, 입력하는 동안에는 크기와 token 추정치를 포함한 캡션 썸네일로 접습니다. /plugin marketplace add arihantbansal/claude-lightbox 및 /plugin install lightbox@claude-lightbox로 설치합니다. Claude Code 2.1.288+、kitty graphics protocol을 지원하는 터미널, macOS 또는 Linux가 필요합니다.

설치

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

claude plugin marketplace add arihantbansal/claude-lightbox
claude plugin install lightbox
원문 / README

Lightbox

Claude Code 2.1.288+ License: MIT

Lightbox is a Claude Code mod that shows the images you paste into the prompt as large previews.

A pasted candlestick chart shown large above the Claude Code prompt, under its caption, size and token estimate

How it works

  • Pasting an image opens a large preview of it above the prompt.
  • Typing collapses the preview to a row of thumbnails, one for each pasted image.
  • Moving the cursor onto an [Image #n] tag, with the arrow keys or a click, opens that image again.
  • Sending the prompt clears the previews.

Three pasted images as captioned thumbnails above the prompt

Two lines above each preview describe the image and how the model will read it:

Image #3 · Login page with validation error
2 of 3 · 2850×1672 · 1.1 MB · sent as 2520×1478 · ~4.8k tokens

The "sent as" size appears when Claude will scale the image down before reading it. Lightbox computes that size and the token estimate for the session's model, using the resizing rules in Anthropic's vision documentation.

Captions

Lightbox writes a short caption for each pasted image, so several images are easy to tell apart. It runs claude -p in the background with only the Read tool loaded, one image at a time. A caption takes about five seconds and one small model call on your Claude Code account. It appears in the preview's header and under the image's thumbnail.

To turn captions off, set the caption model to off.

Requirements

  • Claude Code 2.1.288 or later. The mods API is in early access, and Lightbox reads pasted images from a cache folder that isn't a public API, so a Claude Code update can break it.
  • A terminal that supports the kitty graphics protocol, such as Ghostty or kitty. Previews don't render inside tmux.
  • macOS or Linux.

Install

Run these commands in Claude Code:

/plugin marketplace add arihantbansal/claude-lightbox
/plugin install lightbox@claude-lightbox
/reload-plugins

Settings

Both settings are in /config.

| Setting | Values | Default | Effect | | --- | --- | --- | --- | | Collapsed view | thumbnails, none | thumbnails | What stays above the prompt while you type | | Caption model | sonnet, haiku, off | sonnet | The model that writes captions, or off for none |

What it accesses

  • Reads the session's pasted images from Claude Code's cache folder under /tmp/claude-<uid>, or CLAUDE_CODE_TMPDIR when it's set.
  • Runs od to read each image's dimensions and id -u to find the cache folder.
  • Runs claude -p once per image to write its caption, which sends the image to Anthropic on your Claude Code account. Setting the caption model to off stops this.
  • Reads the prompt you're typing to find [Image #n] tags. It never changes the prompt.

Run claude plugin validate .claude-plugin/plugin.json in a clone to list every event Lightbox hooks and every call it makes.

Development

git clone https://github.com/arihantbansal/claude-lightbox
cd claude-lightbox
bun install
claude --plugin-dir .

With --plugin-dir, Claude Code reloads the mod each time you save a file. It also writes the API types to .claude-plugin/types/, which tsconfig.json extends, so start a session once before type-checking a fresh clone.

bun run check   # Biome, tsc, plugin validation and tests
bun run fix     # Biome formatting and safe fixes

License

MIT

비슷한 프로젝트