Is Generative Ui Playground safe to use?

Generative Ui Playground has no known CVEs as of the latest MCPpedia security scan. It does not require authentication, so any local process can connect — keep this in mind in shared environments.

How do I install Generative Ui Playground?

Generative Ui Playground supports copy-paste install configs on its MCPpedia page for Claude Desktop, Cursor, and Claude Code. Scroll to the Quick Install section and select your client.

What AI clients work with Generative Ui Playground?

Generative Ui Playground is compatible with claude-desktop, cursor, claude-code. It uses sse and http transport.

Is Generative Ui Playground actively maintained?

Generative Ui Playground is recently maintained — last commit was 34 days ago. It has 122 GitHub stars.

Generative Ui Playground

Name: Generative Ui Playground
Author: CopilotKit

cd · by CopilotKit

Interact with all three types of generative UI, all in one interface

122 28.3k/wk GitHub npm

No known CVEs

No license

Maintained

Last commit 34d ago

Works with most clients

Transport: sse, http

0 tools

Grade F

Edit this pageView history

AI / ML Design

Step 1

Install in your client

Config is the same across clients — only the file and path differ.

Supported in Claude Desktopsse, http · Node 18+

Paste into ~/Library/Application Support/Claude/claude_desktop_config.json

{
  "mcpServers": {
    "generative-ui-playground": {
      "args": [
        "-y",
        "cd"
      ],
      "command": "npx"
    }
  }
}

Are you the author?

Add this badge to your README to show your security score and help users find safe servers.

Embed in your READMEAbout badges →

[![MCPpedia Score](https://mcppedia.org/api/badge/generative-ui-playground)](https://mcppedia.org/s/generative-ui-playground)

Read me

What Generative Ui Playground does

https://github.com/user-attachments/assets/79ead351-f63c-4119-9d28-9d604e7f8876

Test This Server

This server supports HTTP transport. Be the first to test it — help the community know if it works.

Loading README…

Scored, not listed

Why this score

Five weighted categories — click any category to see the underlying evidence.

Score breakdown

59/100across 5 weighted dimensions

How we score →

0255075100

−41

Security

Maintenance

Efficiency

Documentation

Compatibility

Categoriesclick a row to see evidence

Security

OSV.dev

No known CVEs.

Checked cd against OSV.dev.

Community

Reviews

Be the first to review

Have you used this server?

Share your experience — it helps other developers decide.

How easy was setup?Did it work reliably?How was the documentation?

Frequently Asked Questions

Is Generative Ui Playground safe to use?: Generative Ui Playground has no known CVEs as of the latest MCPpedia security scan. It does not require authentication, so any local process can connect — keep this in mind in shared environments.
How do I install Generative Ui Playground?: Generative Ui Playground supports copy-paste install configs on its MCPpedia page for Claude Desktop, Cursor, and Claude Code. Scroll to the Quick Install section and select your client.
What AI clients work with Generative Ui Playground?: Generative Ui Playground is compatible with claude-desktop, cursor, claude-code. It uses sse and http transport.
Is Generative Ui Playground actively maintained?: Generative Ui Playground is recently maintained — last commit was 34 days ago. It has 122 GitHub stars.

Similar servers

Others in ai-ml / design

View all →

Sequential Thinking MCP Server98

Dynamic problem-solving through sequential thought chains

87.8k 1

Figma Console Mcp96

MCP server for accessing Figma plugin console logs and screenshots via Cloudflare Workers or local mode

1.9k 2

Memory MCP Server96

Persistent memory using a knowledge graph

87.8k 5

Context Mode95

Privacy-first. MCP is the protocol for tool access. We're the virtualization layer for context.

18.3k 6

MCP Security Weekly

Get CVE alerts and security updates for Generative Ui Playground and similar servers.

Community

Discussion

Start a conversation

Ask a question, share a tip, or report an issue.

Has anyone used this with Cursor?How do you handle auth?Any alternatives?

Edit this pageView history

AI / ML Design

Step 1

Install in your client

Config is the same across clients — only the file and path differ.

Supported in Claude Desktopsse, http · Node 18+

Paste into ~/Library/Application Support/Claude/claude_desktop_config.json

{
  "mcpServers": {
    "generative-ui-playground": {
      "args": [
        "-y",
        "cd"
      ],
      "command": "npx"
    }
  }
}

Are you the author?

Add this badge to your README to show your security score and help users find safe servers.

Embed in your READMEAbout badges →

[![MCPpedia Score](https://mcppedia.org/api/badge/generative-ui-playground)](https://mcppedia.org/s/generative-ui-playground)

Read me

What Generative Ui Playground does

https://github.com/user-attachments/assets/79ead351-f63c-4119-9d28-9d604e7f8876

Test This Server

This server supports HTTP transport. Be the first to test it — help the community know if it works.

README

Generative UI Demo

https://github.com/user-attachments/assets/79ead351-f63c-4119-9d28-9d604e7f8876

A generative UI playground showcasing the three types for building AI-powered user interfaces with CopilotKit.

Demo Overview

This demo demonstrates how different types of generative UI can be used to create rich, interactive AI experiences:

Spec	Description	Use Case
Static GenUI	Pre-built React components rendered by frontend hooks	Weather cards, stock displays, task approvals
MCP Apps	HTML/JS apps served by MCP servers in sandboxed iframes	Flight booking, hotel search, trading simulator
A2UI	Agent-composed declarative JSON UI rendered dynamically	Restaurant finder, booking forms

CopilotKit Features Used

CopilotKitProvider - Main provider with agent switching
CopilotSidebar - Chat interface component
useRenderToolCall - Display-only tool rendering (WeatherCard, StockCard)
useHumanInTheLoop - Interactive approval flows (TaskApprovalCard)
A2UIRenderer - Renders A2UI declarative JSON from agent responses
MCPAppsMiddleware - Bridges MCP server tools with UI resources
BasicAgent - TypeScript agent for Static GenUI + MCP Apps
HttpAgent - Connects to Python A2A backend for A2UI

Setup

Prerequisites

Node.js 18+
Python 3.11+
OpenAI API key

Installation

# Clone and install dependencies
cd ui-protocols-demo
npm install

# Install MCP server dependencies
cd mcp-server
npm install
cd ..

# Install Python A2A agent
cd a2a-agent
pip install -e .
cd ..

Environment Variables

Create a .env file:

OPENAI_API_KEY=sk-your-key-here
MCP_SERVER_URL=http://localhost:3001/mcp
A2A_AGENT_URL=http://localhost:10002

Running the Demo

Start all three services:

# Terminal 1: MCP Server (port 3001)
cd mcp-server && npm run dev

# Terminal 2: Python A2A Agent (port 10002)
cd a2a-agent && python -m agent

# Terminal 3: Next.js Frontend (port 3000)
npm run dev

Open http://localhost:3000 to see the demo.

Usage

Static + MCP Apps Mode

Click the "Static + MCP Apps" tab to use:

"What's the weather in Tokyo?" → Weather card
"Get stock price for AAPL" → Stock card with sparkline
"Open the calculator" → Interactive calculator app
"Search for flights to Paris" → Flight booking workflow

A2UI Mode

Click the "A2UI" tab to use:

"Find Italian restaurants nearby" → Restaurant list with booking
"Show me Chinese food options" → Filtered results
"Book a table for 4" → Interactive booking form

Architecture

Frontend (Next.js) ─────────────────────────────────────────────────────
├── Protocol tabs switch between agents
├── Static GenUI: useRenderToolCall, useHumanInTheLoop
├── MCP Apps: Automatic iframe rendering via middleware events
└── A2UI: A2UIRenderer for declarative JSON
                    │
          ┌─────────┴─────────┐
          ▼                   ▼
   "default" Agent      "a2ui" Agent
   BasicAgent + MCP     HttpAgent → Python
   Port 3001            Port 10002

Project Structure

ui-protocols-demo/
├── src/app/              # Next.js frontend
│   ├── page.tsx          # Main page with agent switching
│   ├── theme.ts          # A2UI theme configuration
│   ├── api/copilotkit/   # CopilotKit API route
│   └── components/       # React components
├── mcp-server/           # MCP Apps server
│   ├── server.ts         # Tool registrations
│   └── apps/             # HTML app files
└── a2a-agent/            # Python A2A agent
    └── agent/            # Agent modules

Learn More

Note: This project has been consolidated into the CopilotKit monorepo

... View full README on GitHub

Loading README…

Scored, not listed

Why this score

Five weighted categories — click any category to see the underlying evidence.

Score breakdown

59/100across 5 weighted dimensions

How we score →

0255075100

−41

Security

Maintenance

Efficiency

Documentation

Compatibility

Categoriesclick a row to see evidence

Security

OSV.dev

No known CVEs.

Checked cd against OSV.dev.

Community

Reviews

Be the first to review

Have you used this server?

Share your experience — it helps other developers decide.

How easy was setup?Did it work reliably?How was the documentation?

Frequently Asked Questions

Is Generative Ui Playground safe to use?: Generative Ui Playground has no known CVEs as of the latest MCPpedia security scan. It does not require authentication, so any local process can connect — keep this in mind in shared environments.
How do I install Generative Ui Playground?: Generative Ui Playground supports copy-paste install configs on its MCPpedia page for Claude Desktop, Cursor, and Claude Code. Scroll to the Quick Install section and select your client.
What AI clients work with Generative Ui Playground?: Generative Ui Playground is compatible with claude-desktop, cursor, claude-code. It uses sse and http transport.
Is Generative Ui Playground actively maintained?: Generative Ui Playground is recently maintained — last commit was 34 days ago. It has 122 GitHub stars.