mcp-image-previewer
Click on "Install Server".
Wait a few minutes for the server to deploy. Once ready, it will show a "Started" state.
In the chat, type
@followed by the MCP server name and your instructions, e.g., "@mcp-image-previewerpreview the base64 image"
That's it! The server will respond to your query, and you can continue using it as needed.
Here is a step-by-step guide with screenshots.
mcp-image-previewer
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)
Related MCP server: Capture Win MCP
Requirements
Node.js 18+
Installation
Claude Code
claude mcp add image-previewer -- npx mcp-image-previewerManual 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 |
| string | Yes | Base64-encoded image data |
| string | Yes | MIME type (e.g. |
show_window
Show or hide the preview window.
Parameter | Type | Required | Description |
| boolean | Yes |
|
stay_on_top
Set whether the preview window stays on top of other windows (X11/Windows only).
Parameter | Type | Required | Description |
| boolean | Yes |
|
Development
npm install
npm run build
npm startLicense
MIT
This server cannot be installed
Maintenance
Resources
Unclaimed servers have limited discoverability.
Looking for Admin?
If you are the server author, to access and configure the admin panel.
Related MCP Servers
- Alicense-qualityCmaintenanceEnables image processing and analysis using Google's Gemini 2.5 Flash model. Supports local files, URLs, and Base64 images with streaming responses and automatic output saving.Last updated2MIT
- AlicenseAqualityDmaintenanceEnables AI assistants to interact with macOS windows through yabai, providing window listing organized by Spaces and screenshot capture capabilities.Last updated2MIT
- AlicenseAqualityFmaintenanceEnables AI assistants to capture screenshots and read clipboard content from Windows applications while operating within a WSL environment. It supports monitor or window-specific targeting and features intelligent image optimization for efficient data transfer.Last updated24MIT
- AlicenseAqualityDmaintenanceProvides advanced image analysis capabilities including object recognition, OCR text extraction, and multi-turn visual dialogues using OpenAI-compatible APIs. It supports both local files and Base64 inputs with additional features for session persistence and web-based configuration management.Last updated3MIT
Related MCP Connectors
Generate, render, and host Slidev presentations from markdown
Create, validate, edit, export (markdown/svg/png/mermaid), and search JSON Canvas files.
List, share, upload, and manage Slideless HTML presentations from any MCP host.
Latest Blog Posts
- Who's Calling? MCP Hosts Are an Identity Blind Spot (And the Spec Knows It)By Om-Shree-0709 on .mcpAgent IdentityOAuth 2.1
- Your AI Chatbot Just Exposed Your CEO's Salary to an InternBy Om-Shree-0709 on .Agent IdentityMCP SecurityOAuth Delegation
- Why MCP Servers Need Execution Sandboxing (And Why Your Current Stack Isn't Enough)By Om-Shree-0709 on .Agentic AiPrompt InjectionWebAssembly
MCP directory API
We provide all the information about MCP servers via our MCP API.
curl -X GET 'https://glama.ai/api/mcp/v1/servers/signal-slot/mcp-image-previewer'
If you have feedback or need assistance with the MCP directory API, please join our Discord server