jarrodwatts

Claude Image View — Development skill for Claude Code

Development community

See the images you paste into Claude Code: thumbnails above the prompt instead of bare [Image #1] tags.

How to install Claude Image View

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

What Claude Image View does

See the images you paste into Claude Code: thumbnails above the prompt instead of bare [Image #1] tags.

Alternatives in Development

Imagegen — Generate and edit images using OpenAI's Image API for projects 14.6k ★
Claude SEO — Multi-Platform Agent Instructions — For Cursor, Cursor Cloud Agents, Google Antigravity, and Gemini CLI 5k ★
Nano Banana Image Generation — Generate professional images via the Gemini CLI's nanobanana extension 261 ★

README

Claude Image View

A Claude Code mod that shows the images you paste, so you see thumbnails above your prompt instead of bare `[Image #1]` tags.

[![License](https://img.shields.io/github/license/jarrodwatts/claude-image-view?v=2)](LICENSE) [![Stars](https://img.shields.io/github/stars/jarrodwatts/claude-image-view)](https://github.com/jarrodwatts/claude-image-view/stargazers)

![Claude Image View in action](claude-image-view.png)

Install

Inside Claude Code, run:

/plugin marketplace add jarrodwatts/claude-image-view
/plugin install image-view
/reload-plugins

That's it. Paste an image into the prompt and its thumbnail appears above the input.

Prefer the terminal?

claude plugin marketplace add jarrodwatts/claude-image-view
claude plugin install image-view@claude-image-view

Then run `/reload-plugins` inside a session, or start a new one.

What You See

Paste one or more images and a row of thumbnails sits above the prompt, each labelled with the number of its tag:

╭────────────────────────╮ ╭────────────╮
│                        │ │            │
│      (screenshot)      │ │  (photo)   │
│                        │ │            │
│           #1           │ │     #2     │
╰────────────────────────╯ ╰────────────╯
❯ why is the header misaligned here [Image #1] vs [Image #2]

Thumbnails appear as soon as you paste. You don't have to type another key first.
Thumbnails keep their shape. Wide screenshots stay wide and phone shots stay tall.
Always fits on screen. Tiles shrink to fit the space above the prompt, so the row never scrolls or gets cut off.
Clears on send. Once the prompt is sent (or the tags are deleted), the row goes away.

How It Works

Claude Code saves every pasted image to a cache folder for the session, as `///images/.png`, and puts an `[Image #n]` tag in the prompt. Claude Image View is a [mod](https://co