JonasR-Git

Claude Image Preview — Development skill for Claude Code

Development community

See the pictures in your Claude Code prompt: thumbnails for pastes, @-mentions and the clipboard, sharp on Windows too.

How to install Claude Image Preview

This entry records only its repository, not the path inside it, so there is no exact command to give. Open JonasR-Git/claude-image-preview and copy the folder into ~/.claude/skills/, or the file into ~/.claude/agents/.

What Claude Image Preview does

See the pictures in your Claude Code prompt: thumbnails for pastes, @-mentions and the clipboard, sharp on Windows too. Windows, macOS, Linux, WSL.

Alternatives in Development

  • Claude Code Zh Cn — Claude Code CLI 简体中文本地化 / 汉化插件;支持 macOS、Linux、WSL、Windows 与新版 native,一行安装,更新后自动修复 721 ★
  • SSH Skill — 面向 Codex 和 Claude Code 的跨平台 SSH 工作流 Skill,支持 Windows、macOS、Linux 488 ★
  • Claude Code GUI / ChatUI — VS Code 插件 — Claude Code ChatUI 是 Claude Code CLI 的全功能 GUI 界面插件,支持 VS Code 和 Cursor 211 ★

README

Image Preview for Claude Code

[![CI](https://github.com/JonasR-Git/claude-image-preview/actions/workflows/ci.yml/badge.svg)](https://github.com/JonasR-Git/claude-image-preview/actions/workflows/ci.yml) [![Release](https://img.shields.io/github/v/release/JonasR-Git/claude-image-preview)](https://github.com/JonasR-Git/claude-image-preview/releases) [![License: MIT](https://img.shields.io/badge/license-MIT-blue.svg)](LICENSE)

See the pictures in your prompt before you send them. Image Preview draws small thumbnails right above the Claude Code prompt for every picture the prompt carries: pasted screenshots (`[Image #1]`), `@`-mentioned image files and pictures taken straight from the clipboard. It also adds a gallery of everything the session has seen, pasting and copying pictures through the system clipboard, and a thumbnail under every picture Claude reads.

It runs on **Windows, macOS, Linux and WSL**, needs no Node, Python or native add-on, and decodes PNG, JPEG, GIF, BMP and WebP itself. On Windows, where no terminal can show pictures to Claude Code, it lays the real picture over its thumbnail, at full resolution.

![Animated demo: a screenshot dragged into the terminal shows sharp above the Claude Code prompt](docs/images/demo.gif)

[The demo in full quality (MP4, 48 seconds)](docs/images/demo.mp4)

Requirements

  • Claude Code in a terminal (the CLI), version 2.1.296 or later: the plugin is a mod, which needs a recent Claude Code. The desktop app, the IDE extensions and the web keep their own previews; it draws nothing there.
  • Windows 10 or 11 (Windows PowerShell 5.1 comes with it), macOS, Linux or WSL. Nothing else to install; on Linux a clipboard tool and a converter are optional (see Platforms).

Install

In Claude Code:

/plugin marketplace add JonasR-Git/claude-image-preview
/plugin install image-preview@jonasr-plugins

or from a shell:

claude plugin marketplace add JonasR-Git/claude-image-previe