Claude Code에 컨텍스트 사용량, 요청 한도, 활성 도구, 실행 중인 에이전트, 할 일 진행 상황을 실시간으로 보여주는 상태 표시줄을 추가하는 플러그인입니다.
jarrodwatts/claude-image-view
프롬프트 위에 이미지 썸네일을 표시하는 Claude Code 모드
- 스타
- 240
- 포크
- 21
- 열린 이슈
- 0
- 마지막 커밋
- 8일 전
어떤 프로젝트인가요?
Claude Image View는 Claude Code용 모드입니다. 프롬프트에 이미지를 붙여넣으면 Claude Code는 보통 [Image #1] 같은 텍스트 태그만 삽입합니다. 이 모드는 프롬프트 입력란을 읽고 입력창 위에 썸네일을 한 줄로 표시해 각 태그가 어떤 이미지를 가리키는지 확인할 수 있게 합니다.
썸네일은 가로세로 비율을 유지하면서 프롬프트 위 공간에 맞게 축소되고, 이미지가 더 많으면 나머지는 +N 카운터로 표시됩니다. Ghostty와 kitty에서는 캐시된 파일을 실제 이미지로 표시합니다. 다른 터미널에서는 이미지를 다운샘플링한 뒤 색상이 적용된 반쪽 블록으로 렌더링합니다. macOS에서는 PNG가 아닌 붙여넣기 이미지를 sips로 변환합니다.
이 모드는 로컬에서만 작동하며 네트워크 요청을 보내지 않습니다. macOS와 Linux에서 실행되며 Claude Code v2.1.287 이상이 필요합니다.
핵심 기능
- 01이미지를 붙여넣는 즉시 프롬프트 위에 썸네일을 표시합니다.
- 02각 썸네일의 가로세로 비율을 유지하고 화면에 맞게 한 줄로 배치합니다.
- 03Ghostty와 kitty에서는 실제 이미지를 표시하고, 그 외 터미널에서는 반쪽 블록 미리보기를 표시합니다.
- 04macOS에서는 PNG가 아닌 붙여넣기 이미지를 sips로 PNG로 변환합니다.
- 05프롬프트를 보내거나 태그를 제거하면 썸네일 줄을 지웁니다.
활용 사례
- Claude Code 프롬프트 하나에서 여러 스크린샷을 사용하면서 각 태그가 어떤 이미지인지 구분할 때.
- 터미널 세션에서 UI 목업이나 사진을 Claude Code와 공유할 때.
- 프롬프트를 보내기 전에 붙여넣은 이미지를 눈으로 확인할 때.
빠른 시작
- 1
Claude Code에서 마켓플레이스 추가
/plugin marketplace add jarrodwatts/claude-image-view - 2
플러그인 설치
/plugin install image-view - 3
플러그인 다시 불러오기
/reload-plugins
사용 전 알아둘 점
- Claude Code v2.1.287 이상이 필요합니다.
- 전체 해상도 썸네일은 Ghostty 또는 kitty에서만 표시됩니다. 그 외 터미널에서는 해상도가 낮은 하프 블록 썸네일이 표시됩니다.
- Windows 지원은 테스트가 덜 되었으며 PNG 붙여넣기 미리보기만 지원합니다.
토픽
자주 묻는 질문
- claude-image-view은(는) 무엇인가요?
- 프롬프트 위에 이미지 썸네일을 표시하는 Claude Code 모드 Claude Image View는 Claude Code용 모드입니다. 프롬프트에 이미지를 붙여넣으면 Claude Code는 보통 [Image #1] 같은 텍스트 태그만 삽입합니다. 이 모드는 프롬프트 입력란을 읽고 입력창 위에 썸네일을 한 줄로 표시해 각 태그가 어떤 이미지를 가리키는지 확인할 수 있게 합니다.
- claude-image-view은(는) 무료로 사용할 수 있나요? 라이선스는 무엇인가요?
- claude-image-view은(는) MIT 라이선스의 오픈소스입니다. 상업용 제품에 사용하기 전에 라이선스 조건을 확인하세요.
- claude-image-view은(는) 아직 유지보수되고 있나요?
- 활발히 유지보수 중. claude-image-view의 마지막 커밋은 2026년 10월 12일입니다.
- claude-image-view은(는) 어디에 사용할 수 있나요?
- Claude Code 프롬프트 하나에서 여러 스크린샷을 사용하면서 각 태그가 어떤 이미지인지 구분할 때. 터미널 세션에서 UI 목업이나 사진을 Claude Code와 공유할 때. 프롬프트를 보내기 전에 붙여넣은 이미지를 눈으로 확인할 때.
- claude-image-view는 어떻게 설치하나요?
- Claude Code에서 마켓플레이스 추가: /plugin marketplace add jarrodwatts/claude-image-view 플러그인 설치: /plugin install image-view 플러그인 다시 불러오기: /reload-plugins
- claude-image-view은(는) 어디서 받을 수 있나요?
- 소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/jarrodwatts/claude-image-view
요약은 프로젝트 README를 바탕으로 AI가 작성했습니다. GitHub 통계는 매일 갱신됩니다.
관련 프로젝트
모델, git 브랜치, 토큰 사용량과 사용 한도 등을 표시하고 Powerline과 테마를 지원하는 Claude Code CLI용 커스텀 상태 표시줄입니다.
터미널에서 모델, Git 상태, 작업 공간, 컨텍스트 윈도우 사용량을 보여 주는 Rust 기반 경량 상태 표시줄입니다.
짧은 답변을 기본으로 보여 주고, 문구를 클릭해 제자리에서 펼칠 수 있는 Claude Code 플러그인입니다.
Claude Code를 설정할 수 있도록 바로 사용할 수 있는 에이전트, 명령어, 설정, 훅, MCP 연동을 제공하는 CLI 및 템플릿 카탈로그입니다.
Claude Code, Codex CLI, OpenCode 세션의 실시간 토큰 사용량, 컨텍스트 윈도우, rate limit, 열린 포트를 보여주는 btop 스타일 터미널 모니터입니다.