mcp

Render json-render UIs inside MCP-capable clients via createMcpApp and useJsonRenderApp.

15.9k|859|Updated Jan 14, 2026

Search Tags:#vscode #react #claude #mcp #chatgpt #ui-rendering #json-render

Ready to run

npx skills add https://github.com/vercel-labs/json-render --skill mcp-vercel-labs

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: mcp
Source: https://github.com/vercel-labs/json-render/tree/main/skills/mcp
Command: npx skills add https://github.com/vercel-labs/json-render --skill mcp-vercel-labs

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

MCP App integrations require a reliable bridge to render json-render UIs inside MCP-capable clients such as Claude, ChatGPT, Cursor, or VS Code.

Core Features & Use Cases

Seamless server-side and client-side rendering of dynamic UIs within MCP environments.
Quick deployment of MCP apps that host json-render catalogs and renderers.
Use Case: Publish an interactive UI in an MCP chat to collect user input and display live results.

Quick Start

Launch the MCP server with your JSON render catalog and connect the MCP transport to start serving interactive UIs inside MCP clients.

Frequently Asked Questions about mcp

High-intent search queries and answers about installing and using this skill.

FAQPage Schema

How do I render interactive UIs inside Claude or ChatGPT using MCP?▼

To render interactive UIs inside MCP clients like Claude or ChatGPT, this Skill integrates json-render UIs into MCP-powered apps. It applies the server API via createMcpApp and the client API via useJsonRenderApp to bridge MCP servers and dynamic interfaces.

What is the best way to display live user input results in an MCP chat?▼

The best way to display live results in an MCP chat is publishing an interactive json-render UI. This Skill hosts json-render catalogs and renderers on the server, serving dynamic interfaces within model-context-driven conversations to collect input and display results.

Can I use this MCP UI rendering integration with VS Code and Cursor?▼

Yes, this MCP UI rendering integration works with VS Code and Cursor. It enables interactive UI rendering inside Claude, ChatGPT, Cursor, VS Code, and other MCP-capable clients by connecting your server's MCP transport.

How do I deploy an MCP server to host a json-render catalog?▼

To deploy an MCP server for a json-render catalog, launch the server with your catalog and connect the MCP transport. This quick start approach starts serving interactive UIs inside MCP clients immediately.

Does this integration require a bundled HTML resource for the UI?▼

Yes, the integration requires a bundled HTML resource for the UI. It supports the server API via createMcpApp, the client API via useJsonRenderApp, and a bundled HTML resource to render dynamic interfaces within MCP workflows.