Skip to main content

Documentation Index

Fetch the complete documentation index at: https://mintlify.com/vancovx/KunnaClienteMCP/llms.txt

Use this file to discover all available pages before exploring further.

Kunna MCP Client is a generic web inspector built with React and Vite that lets you connect to any Model Context Protocol (MCP) server, discover its capabilities in real time, and call its tools and prompts directly from the browser. Whether you’re developing an MCP server or debugging an existing one, Kunna gives you instant visibility into what the server exposes and how it behaves.

Quickstart

Run the client locally and connect to your first MCP server in minutes.

Using the Inspector

Learn how to connect, explore capabilities, and call tools and prompts.

MCP Concepts

Understand the Model Context Protocol — architecture, capabilities, and transports.

McpConnection API

Explore the core JavaScript class that drives all MCP communication.

​
What Kunna MCP Client does

Kunna MCP Client connects to any MCP server over Streamable HTTP or SSE transport, performs the MCP handshake, and immediately surfaces everything the server exposes:

Auto-discover capabilities

Lists all tools, prompts, and resources returned by the server after the initialize handshake.

Dynamic forms

Builds input forms on the fly from each tool’s inputSchema — including type validation, required fields, enums, and booleans.

Bearer auth support

Pass a Bearer token to servers that require authentication. Tokens are sent in the Authorization header on every request.

Raw JSON mode

Switch any tool or prompt to raw JSON argument mode for advanced or non-standard payloads.

Activity console

A real-time log of every MCP request and response, with timestamps and color-coded status indicators.

Light & dark theme

Respects system preference on first visit and persists your choice in localStorage.

​
Get started in three steps

1

Install dependencies

Clone the repository and install npm packages. Node.js 18 or higher is required.
git clone https://github.com/vancovx/KunnaClienteMCP.git
cd KunnaClienteMCP
npm install
2

Start the dev server

Launch Vite’s development server with hot-module replacement.
npm run dev
Open http://localhost:5173 in your browser.
3

Connect to an MCP server

Go to the Inspector tab, enter your server’s URL (e.g. http://localhost:3001/mcp), choose a transport, and click Connect. The client performs the MCP handshake and lists all available tools and prompts.
The MCP server you connect to must have CORS enabled for the origin from which you serve this client. If the connection fails with a network error, CORS is almost always the cause. See Troubleshooting for details.

Build docs developers (and LLMs) love

Get started for freeTalk to us