Skip to main content
Glama
him0
by him0

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.

Demo

Features

  • Markdown — Rendered via marked

  • HTML — 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:ts

Usage

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 dev

show Tool

Parameters

Parameter

Type

Description

title

string

Title displayed at the top of the window (required)

message

string?

Markdown-formatted text

html

string?

Raw HTML content

mermaid

string?

Mermaid diagram source code

imageUrl

string?

URL of an image to display

windowId

string?

Window ID to update. Omit to open a new window.

Response

{ "windowId": "xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx" }

Behavior

windowId

Action

Omitted

Opens a new window. Returns a new windowId.

Valid (window is open)

Updates the existing window's content. Returns the same windowId.

Invalid (window closed / unknown)

Opens a new window. Returns a new windowId.

Architecture

MCP Client (stdio) → MCP Server → Hono HTTP Server (port=0) → Neutralino Window
                                         ↕ SSE
                                    React UI (App.tsx)
  1. MCP client calls show

  2. Hono HTTP server starts on a random port and a Neutralino window opens

  3. React UI connects via SSE (/events) and renders content

  4. Subsequent calls with the same windowId update content through SSE

  5. Calls without windowId always open a new window

  6. Closing a window cleans up its HTTP server

Available Tools

1 tool
showA

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.

ParametersJSON Schema
NameRequiredDescriptionDefault
htmlNoRaw HTML content to display
titleYesTitle displayed at the top of the window
mermaidNoMermaid diagram source code to render visually
messageNoMarkdown-formatted message body
imageUrlNoURL of an image to display
windowIdNoWindow ID to update. Omit to open a new window.

TDQS

A4.2/5.0
Behavior3/5

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.

Conciseness5/5

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.

Completeness4/5

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.

Parameters4/5

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.

Purpose5/5

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.

Usage Guidelines4/5

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. 1 tool updatev0.1.0
    • First observedshow

TDQS

A4.2/5.0
Disambiguation5/5

With only one tool, there is no possibility of confusion or overlap between tools. The tool's purpose is clearly described and distinct.

Naming Consistency5/5

The single tool name 'show' is a clear, consistent verb that accurately reflects its action. There are no other names to create inconsistency.

Tool Count3/5

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.

Completeness4/5

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

ActivityInactive
ResponsivenessNo issues

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

Related MCP Servers

Latest Blog Posts

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