Command Palette

Search for a command to run...

UnylyUnyly
Browse all

Image Previewer

FreeNot checked

Enables previewing base64-encoded images in a native GUI window using Slint, with support for window reuse, always-on-top, and show/hide functionality.

GitHubEmbed

About

Enables previewing base64-encoded images in a native GUI window using Slint, with support for window reuse, always-on-top, and show/hide functionality.

README

An MCP (Model Context Protocol) server that previews base64-encoded images in a native GUI window using Slint.

Features

  • Native GUI — Slint-based window, no Python or external runtime needed
  • Window reuse — Same window updates in-place across multiple images
  • Always-on-top — Optionally pin the preview window above other windows
  • Show/hide — Toggle window visibility without losing state
  • Format support — PNG, JPEG, WebP, GIF, TIFF, etc. (via sharp)

Requirements

  • Node.js 18+

Installation

Claude Code

claude mcp add image-previewer -- npx mcp-image-previewer

Manual configuration

Add to your MCP client configuration:

{
  "mcpServers": {
    "image-previewer": {
      "command": "npx",
      "args": ["mcp-image-previewer"]
    }
  }
}

Tools

preview_image

Display a base64-encoded image in the viewer window.

Parameter Type Required Description
data string Yes Base64-encoded image data
mimeType string Yes MIME type (e.g. image/png, image/jpeg)

show_window

Show or hide the preview window.

Parameter Type Required Description
visible boolean Yes true to show, false to hide

stay_on_top

Set whether the preview window stays on top of other windows (X11/Windows only).

Parameter Type Required Description
enabled boolean Yes true to enable, false to disable

Development

npm install
npm run build
npm start

License

MIT

from github.com/signal-slot/mcp-image-previewer

Install Image Previewer in Claude Desktop, Claude Code & Cursor

Recommended · one command, every IDE
unyly install mcp-image-previewer

Installs into Claude Desktop, Claude Code, Cursor & VS Code — handles npx, uvx and build-from-source repos for you.

First time? Get the CLI: curl -fsSL https://unyly.org/install | sh

Or configure manually

Run in your terminal:

claude mcp add mcp-image-previewer -- npx -y mcp-image-previewer

FAQ

Is Image Previewer MCP free?

Yes, Image Previewer MCP is free — one-click install via Unyly at no cost.

Does Image Previewer need an API key?

No, Image Previewer runs without API keys or environment variables.

Is Image Previewer hosted or self-hosted?

Self-hosted: the server runs locally on your machine via the install command above.

How do I install Image Previewer in Claude Desktop, Claude Code or Cursor?

Open Image Previewer on unyly.org, pick your client tab (Claude Desktop, Claude Code, Cursor) and press Install — the config is generated automatically, no JSON editing.

Related MCPs

Compare Image Previewer with

Not sure what to pick?

Find your stack in 60 seconds

Author?

Embed badge for your README

Browse similar

All media MCPs