@open Resource Discovery/mcp Server Card Ui

GitHub Actions

A UI component for visualizing and validating MCP Server Cards, and for testing MCP server capabilities using the server card definition.

Devops Developer Tools

Add to Cursor Add to VS Code Run on PlugMCP

GitHub npm Website

Add to Cursor Add to VS Code Run on PlugMCP

1{2  "mcpServers": {3    "open-resource-discovery-mcp-server-card-ui": {4      "command": "npx",5      "args": [6        "-y",7        "@open-resource-discovery/[email protected]"8      ]9    }10  }11}

.cursor/mcp.jsonMCP server

Transport: stdio
Status: Local

Power your agent

Add this server

The publisher's own command. Not a PlugMCP endpoint.

Add to Cursor Add to VS Code Run on PlugMCP

Host a copy with our keys and logs.

Local command

npx -y @open-resource-discovery/[email protected]

Claude Code has no install link for a local command. Copy the command below and run it in a terminal.

shClaude Code

1claude mcp add open-resource-discovery-mcp-server-card-ui -- npx -y @open-resource-discovery/mcp-server-card-ui@0.2.3

Run in a terminal.

jsonClaude Desktop

1{2  "mcpServers": {3    "open-resource-discovery-mcp-server-card-ui": {4      "command": "npx",5      "args": [6        "-y",7        "@open-resource-discovery/[email protected]"8      ]9    }10  }11}

claude_desktop_config.json

Local · npmPublisher installStep-by-step: add this in Claude

Remote URL or a command on your machine? How the two installs differ

Run on PlugMCP

Host a copy with our keys and logs.

A new server you create. It is not this listing's official endpoint. Use the publisher install when you want their URL and their credentials.

Launch

Server facts

Local

Transport: stdio
Version: 0.2.3
Last checked: 2026-10-28

Stars: —
Tools: —
Uptime: —

Tools

No tool list yet. Remote servers get one after the first health check.

FAQ

Questions

How do I install @open Resource Discovery/mcp Server Card Ui?

Copy the stdio config for Cursor, Claude Desktop, Claude Code, or VS Code on this page. It uses the publisher's install, not a PlugMCP proxy.

Does @open Resource Discovery/mcp Server Card Ui need an API key?

No required environment variable is listed on this record.

What transport does @open Resource Discovery/mcp Server Card Ui use?

@open Resource Discovery/mcp Server Card Ui runs locally over stdio.

When was @open Resource Discovery/mcp Server Card Ui last checked?

Last checked 2026-10-28. A UI component for visualizing and validating MCP Server Cards, and for testing MCP server capabilities using the server card definition.

From the publisher

Documentation

MCP Server Card UI

UI components for editing, viewing, and testing servers that implement the MCP Protocol.

👉 LIVE DEMO: https://open-resource-discovery.github.io/mcp-server-card-ui/playground

Getting Started

npm

npm install @open-resource-discovery/mcp-server-card-ui

Quick Start

import { MCPServerPlayground } from "@open-resource-discovery/mcp-server-card-ui";
import "@open-resource-discovery/mcp-server-card-ui/styles";

function App() {
  return (
    <div style={{ height: "100vh" }}>
      <MCPServerPlayground
        onServerCardChange={(json, parsed) => console.log(parsed?.name)}
      />
    </div>
  );
}

Contributing

Please see CONTRIBUTING.md for details on how to contribute to this project.

License

Please see our LICENSE for copyright and license information. Detailed information including third-party components and their licensing/copyright information is available via the REUSE tool.

@open Resource Discovery/mcp Server Card Ui

GitHub Actions

A UI component for visualizing and validating MCP Server Cards, and for testing MCP server capabilities using the server card definition.

Devops Developer Tools

Add to Cursor Add to VS Code Run on PlugMCP

GitHub npm Website

Add to Cursor Add to VS Code Run on PlugMCP

1{2  "mcpServers": {3    "open-resource-discovery-mcp-server-card-ui": {4      "command": "npx",5      "args": [6        "-y",7        "@open-resource-discovery/[email protected]"8      ]9    }10  }11}

.cursor/mcp.jsonMCP server

Transport: stdio
Status: Local

Power your agent

Add this server

The publisher's own command. Not a PlugMCP endpoint.

Add to Cursor Add to VS Code Run on PlugMCP

Host a copy with our keys and logs.

Local command

npx -y @open-resource-discovery/[email protected]

Claude Code has no install link for a local command. Copy the command below and run it in a terminal.

shClaude Code

1claude mcp add open-resource-discovery-mcp-server-card-ui -- npx -y @open-resource-discovery/mcp-server-card-ui@0.2.3

Run in a terminal.

jsonClaude Desktop

1{2  "mcpServers": {3    "open-resource-discovery-mcp-server-card-ui": {4      "command": "npx",5      "args": [6        "-y",7        "@open-resource-discovery/[email protected]"8      ]9    }10  }11}

claude_desktop_config.json

Local · npmPublisher installStep-by-step: add this in Claude

Remote URL or a command on your machine? How the two installs differ

Run on PlugMCP

Host a copy with our keys and logs.

A new server you create. It is not this listing's official endpoint. Use the publisher install when you want their URL and their credentials.

Launch

Server facts

Local

Transport: stdio
Version: 0.2.3
Last checked: 2026-10-28

Stars: —
Tools: —
Uptime: —

Tools

No tool list yet. Remote servers get one after the first health check.

FAQ

Questions

How do I install @open Resource Discovery/mcp Server Card Ui?

Copy the stdio config for Cursor, Claude Desktop, Claude Code, or VS Code on this page. It uses the publisher's install, not a PlugMCP proxy.

Does @open Resource Discovery/mcp Server Card Ui need an API key?

No required environment variable is listed on this record.

What transport does @open Resource Discovery/mcp Server Card Ui use?

@open Resource Discovery/mcp Server Card Ui runs locally over stdio.

When was @open Resource Discovery/mcp Server Card Ui last checked?

Last checked 2026-10-28. A UI component for visualizing and validating MCP Server Cards, and for testing MCP server capabilities using the server card definition.

From the publisher

Documentation

MCP Server Card UI

UI components for editing, viewing, and testing servers that implement the MCP Protocol.

👉 LIVE DEMO: https://open-resource-discovery.github.io/mcp-server-card-ui/playground

Getting Started

npm

npm install @open-resource-discovery/mcp-server-card-ui

Quick Start

import { MCPServerPlayground } from "@open-resource-discovery/mcp-server-card-ui";
import "@open-resource-discovery/mcp-server-card-ui/styles";

function App() {
  return (
    <div style={{ height: "100vh" }}>
      <MCPServerPlayground
        onServerCardChange={(json, parsed) => console.log(parsed?.name)}
      />
    </div>
  );
}

Contributing

Please see CONTRIBUTING.md for details on how to contribute to this project.

License

Please see our LICENSE for copyright and license information. Detailed information including third-party components and their licensing/copyright information is available via the REUSE tool.