sk Skill · vercel-labs
mcp
MCP Apps integration for json-render. Use when building MCP servers that render interactive UIs in Claude, ChatGPT, Cursor, or VS Code, or when integrating json-render with the Model Context Protocol.
Open on skills.sh ↗read 2026-09-15
- installs 8w
- 2,801
- 30-day movement
- starts with the next reading
- Related entries
- 10
- Connections
- 0
typescriptjsonbashTypeScript
This skill documents @json-render/mcp, an MCP Apps integration that serves json-render UIs as interactive apps inside MCP-capable clients. It covers a server API (createMcpApp, registerJsonRenderTool), a React client hook (useJsonRenderApp), and building a self-contained iframe HTML bundle.
Reach for it when you want json-render components to render as interactive UI through the Model Context Protocol in clients like Claude, ChatGPT, Cursor, or VS Code.
Use it to
- Build an MCP server that exposes a render-ui tool
- Register json-render on an existing MCP server
- Create a React client app with useJsonRenderApp
- Bundle the client into a single-file iframe HTML
- Configure clients like Cursor or Claude Desktop
For Developers building MCP servers with interactive json-render UIs
- Host repository
- vercel-labs/json-render
- Installs, lifetime
- 5,700
- Installs, 8 weeks
- 2,801
- Host stars
- 16k
- Host language
- TypeScript
topicsmcpjson-renderreactnodeagent-skillui