mcp

Official

mcp

vercel-labs 16k ↓ 2.6k Apache-2.0 updated 1mo ago
Claude Code
View source ↗

What it does

  • createMcpApp(options) - main entry, creates a full MCP server
  • registerJsonRenderTool(server, options) - register a json-render tool on an existing server
  • registerJsonRenderResource(server, options) - register the UI resource
  • useJsonRenderApp(options?) - React hook, returns { spec, loading, connected, error, callServerTool }
  • buildAppHtml(options) - generate HTML from bundled JS/CSS

Derived from the skill's own SKILL.md documentation · extracted 2026-07-23

mcp FAQ

What does the mcp skill do?

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. createMcpApp(options) - main entry, creates a full MCP server registerJsonRenderTool(server, options) - register a json-render tool on an existing server

How do I install mcp?

Run: npx -y skills add https://github.com/vercel-labs/json-render --skill mcp --agent claude-code — the source lives at github.com/vercel-labs/json-render.

Maintain mcp?

Let people know it's listed here — add the badge (live metrics, light/dark aware) or a plain link to your README or docs.

mcp on getagentictools
[![mcp on getagentictools](https://getagentictools.com/badge/skills/vercel-labs-json-render-mcp.svg)](https://getagentictools.com/skills/vercel-labs-json-render-mcp?ref=badge)
npx agentictools info skills/vercel-labs-json-render-mcp

The second line is the CLI lookup for this page — handy in READMEs and docs.