MCP Apps Playground - MCP App for ChatGPT, Claude & AI Assistants | MCP App Store

Back to Apps

MCP Apps Playground

Name: MCP Apps Playground
Availability: InStock
Author: januxprobe

Supports UI

by januxprobe

Interactive MCP server demonstrating UI capabilities via the Apps Extension, featuring flame graphs and list reordering.

0 stars

40 views

Works in:CursorVS Code Copilot

Exposes:ToolsResources

View on GitHub Docs

What it does

This is a demonstration MCP server that showcases the interactive UI capabilities of the MCP Apps Extension (SEP-1865). It renders HTML UIs that allow users to collaborate with AI through visual interfaces rather than just text.

Key features

Interactive List Reordering: A drag-and-drop interface for sorting items visually.
Performance Visualization: Interactive flame graphs for CPU profiling with click-to-zoom and tooltips.
Feature Flag Selector: A searchable UI for managing environment flags with SDK code generation.
Dual Transport: Supports both standard stdio and HTTP/SSE transports.

Installation

Claude Desktop: Add the following to claude_desktop_config.json:

{
  "mcpServers": {
    "mcp-apps-playground": {
      "command": "node",
      "args": ["/path/to/mcp-apps-playground/dist/index.js"]
    }
  }
}

VS Code: Use the .vscode/mcp.json configuration provided in the repo.

Supported hosts

Claude Desktop, Cursor, VS Code

Quick install

npm install && npm run build && node dist/index.js

Information

Pricing: free
Published: 4/7/2026
stars

Related Apps

Choose your AI client and follow the steps below.

Cursor

mcp.json entry in ~/.cursor/ or project .cursor/

Claude Desktop

{
  "mcpServers": {
    "mcp-apps-playground": {
      "command": "node",
      "args": ["/path/to/mcp-apps-playground/dist/index.js"]
    }
  }
}

VS Code Copilot

settings.json github.copilot.chat.mcp.servers entry