Repolode
jarrodwatts

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. 1

    Claude Code에서 마켓플레이스 추가

    /plugin marketplace add jarrodwatts/claude-image-view
  2. 2

    플러그인 설치

    /plugin install image-view
  3. 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 통계는 매일 갱신됩니다.

관련 프로젝트