showcase-mcp
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., "@showcase-mcpShow a mermaid diagram of the authentication flow"
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.
showcase-mcp
An MCP server that displays rich content (Markdown, HTML, Mermaid diagrams, images) in a native desktop window.
When an MCP client like Claude Code calls the show tool, a Neutralino.js-based window opens and renders content in real time via SSE.

Features
Markdown — Rendered via
markedHTML — Raw HTML display
Mermaid — SVG diagram rendering
Images — Display by URL
Window ID management — Update existing windows by ID, or open new ones
Real-time updates via SSE — Content is pushed to the window without reopening
Non-blocking — Tool calls return immediately
Related MCP server: mermaid-live-mcp
Requirements
Node.js >= 20
pnpm
Setup
pnpm install
# Download Neutralino binary
pnpm run setup
# Build React bundle + Tailwind CSS
pnpm run build:assets
# Compile TypeScript
pnpm run build:tsUsage
With Claude Code
Add the following to your .mcp.json:
{
"mcpServers": {
"showcase-mcp": {
"type": "stdio",
"command": "npx",
"args": ["tsx", "<path-to>/showcase-mcp/src/index.ts"]
}
}
}Then call the show tool from Claude Code to open a window.
Development
pnpm devshow Tool
Parameters
Parameter | Type | Description |
|
| Title displayed at the top of the window (required) |
|
| Markdown-formatted text |
|
| Raw HTML content |
|
| Mermaid diagram source code |
|
| URL of an image to display |
|
| Window ID to update. Omit to open a new window. |
Response
{ "windowId": "xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx" }Behavior
| Action |
Omitted | Opens a new window. Returns a new |
Valid (window is open) | Updates the existing window's content. Returns the same |
Invalid (window closed / unknown) | Opens a new window. Returns a new |
Architecture
MCP Client (stdio) → MCP Server → Hono HTTP Server (port=0) → Neutralino Window
↕ SSE
React UI (App.tsx)MCP client calls
showHono HTTP server starts on a random port and a Neutralino window opens
React UI connects via SSE (
/events) and renders contentSubsequent calls with the same
windowIdupdate content through SSECalls without
windowIdalways open a new windowClosing a window cleans up its HTTP server
Available Tools
1 toolshowA
Display rich content (Markdown, HTML, Mermaid diagrams, images) in a window. Pass windowId to update an existing window's content. Omit windowId to open a new window. Returns the windowId for future updates.
| Name | Required | Description | Default |
|---|---|---|---|
| html | No | Raw HTML content to display | |
| title | Yes | Title displayed at the top of the window | |
| mermaid | No | Mermaid diagram source code to render visually | |
| message | No | Markdown-formatted message body | |
| imageUrl | No | URL of an image to display | |
| windowId | No | Window ID to update. Omit to open a new window. |
TDQS
Does the description disclose side effects, auth requirements, rate limits, or destructive behavior?
With no annotations, the description carries the burden of disclosing behavior. It explains the update/new-window semantics and the return value ('Returns the windowId for future updates'). However, it does not clarify whether multiple content types (html, mermaid, message, imageUrl) can be combined or if one takes precedence, leaving potential behavioral ambiguity.
Agents need to know what a tool does to the world before calling it. Descriptions should go beyond structured annotations to explain consequences.
Is the description appropriately sized, front-loaded, and free of redundancy?
The description is three concise sentences, front-loaded with the core purpose. Every sentence adds valuable information: what it displays, how to update vs. open, and the return value. No unnecessary words or repetition.
Shorter descriptions cost fewer tokens and are easier for agents to parse. Every sentence should earn its place.
Given the tool's complexity, does the description cover enough for an agent to succeed on first attempt?
Despite no output schema and no annotations, the description covers the main operational aspects: display content, update vs. new window, and returns windowId. It does not explain the behavior when multiple content fields are provided simultaneously, which is a notable gap for a 6-parameter tool, but the description is otherwise sufficient for basic usage.
Complex tools with many parameters or behaviors need more documentation. Simple tools need less. This dimension scales expectations accordingly.
Does the description clarify parameter syntax, constraints, interactions, or defaults beyond what the schema provides?
The schema description coverage is 100%, so the baseline is 3. The description adds meaningful context for windowId by explaining its role in updating versus creating a window, which goes beyond the schema's simple description. It also groups content types, hinting at their usage, but does not detail interaction between parameters.
Input schemas describe structure but not intent. Descriptions should explain non-obvious parameter relationships and valid value ranges.
Does the description clearly state what the tool does and how it differs from similar tools?
The description clearly states the tool's function: 'Display rich content (Markdown, HTML, Mermaid diagrams, images) in a window.' It uses a specific verb and resource, and further clarifies the update vs. new-window behavior based on the presence of windowId. This fully establishes the tool's purpose.
Agents choose between tools based on descriptions. A clear purpose with a specific verb and resource helps agents select the right tool.
Does the description explain when to use this tool, when not to, or what alternatives exist?
The description gives concrete usage guidance: 'Pass windowId to update an existing window's content. Omit windowId to open a new window.' This tells the agent exactly how to choose between the two modes, though it does not mention alternatives or exclusions because there are no sibling tools.
Agents often have multiple tools that could apply. Explicit usage guidance like "use X instead of Y when Z" prevents misuse.
Tool Schema Changelog
Recent tool additions, removals, and schema changes observed during successful MCP inspections. Dates show when Glama detected each change.
1 tool update
v0.1.0- First observed
show
TDQS
With only one tool, there is no possibility of confusion or overlap between tools. The tool's purpose is clearly described and distinct.
The single tool name 'show' is a clear, consistent verb that accurately reflects its action. There are no other names to create inconsistency.
The server has only one tool, which feels thin for a general-purpose display server. However, the tool is feature-rich for its narrow scope, so it is not an extreme mismatch.
The tool covers opening and updating windows, which are the core display operations. A minor gap is the lack of an explicit close or hide operation, but this can be worked around.
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 Connectors
MCP Server for Slima - AI Writing IDE for Novel Authors with AI Beta Reader.
Remote MCP server for supportsheep: run AI interviews and manage support content for your blog.
MCP server to assist with JxBrowser development.
MCP-native collaborative markdown editor with real-time AI document editing
Related MCP Servers
- AlicenseAqualityAmaintenanceMCP Server to previewing mermaid diagrams. https://github.com/veelenga/claude-mermaid/2536203MIT
- FlicenseNot gradedqualityDmaintenanceMCP server that generates Mermaid diagrams with live browser preview, supports real-time rendering and SVG/PNG export.12-
- FlicenseNot gradedqualityDmaintenanceMCP server that enables an AI agent to display rich Markdown content on a physical monitor connected to a headless Linux device via a Textual/Rich TUI.1-
- AlicenseNot gradedqualityAmaintenanceMCP server that enables AI assistants to open files and highlight ranges in a read-only Markdown and code viewer.55MIT
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/him0/showcase-mcp'
If you have feedback or need assistance with the MCP directory API, please join our Discord server