skills.rest
Kingdaddy007
Kingdaddy007COMMUNITY
Explore all skills by this author →
GitHub

build-mcp-app

Build MCP apps that render interactive UI widgets in chat surfaces.

1|Updated Apr 1, 2026
Search Tags:#ui#integration#mcp#interactive#server#widget
One-click install
npx skills add https://github.com/Kingdaddy007/Claude-leaked-source-code --skill build-mcp-app-kingdaddy007
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: build-mcp-app
Source: https://github.com/Kingdaddy007/Claude-leaked-source-code/tree/main/stubs/downloads/official-plugins/marketplaces/claude-plugins-official/plugins/mcp-server-dev/skills/build-mcp-app
Command: npx skills add https://github.com/Kingdaddy007/Claude-leaked-source-code --skill build-mcp-app-kingdaddy007

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Building MCP apps that render interactive UI widgets inside chat surfaces, enabling tools to present forms, pickers, dashboards, and dialogs inline with conversations.

Core Features & Use Cases

  • Register tools with a UI resource via _meta.ui.resourceUri to serve HTML widgets.
  • Render minimal, purpose-built widgets (forms, pickers, confirmations, progress displays) alongside tool results.
  • Support two deployment shapes: Remote MCP app using a streamable HTTP server, and MCPB-packaged local apps for desktop contexts.

Quick Start

Launch a minimal MCP server, register a tool with a UI resource, and load a simple picker widget.

Frequently Asked Questions about build-mcp-app

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

FAQPage Schema
How do I render interactive UI widgets inside an MCP chat surface?▼

To render interactive UI widgets inside an MCP chat surface, register your tools with _meta.ui.resourceUri to serve HTML widgets and load an inline ext-apps bundle to run them in a sandboxed iframe.

What types of interactive elements can I display inline with MCP tool results?▼

You can display minimal, purpose-built interactive elements like forms, pickers, confirmations, progress displays, and dashboards inline with your MCP conversation results.

How do I serve HTML widgets from a remote MCP server?▼

You can serve HTML widgets from a remote MCP server using a streamable HTTP server deployment shape, registering tools with a UI resource URI to deliver the interactive elements.

Can I package MCP apps with interactive widgets for local desktop contexts?▼

Yes, you can package MCP apps with interactive widgets for local desktop contexts using the MCPB-packaged local apps deployment shape alongside the remote HTTP server option.

Do I need an inline ext-apps bundle to run MCP UI widgets?▼

Yes, an inline ext-apps bundle is required to run MCP UI widgets, as it enables the widgets to execute safely within a sandboxed iframe inside the chat surface.

Related Skills

Explore More Software Engineering Skills→
fazxesfazxes
231

build-mcp-app

Build and deploy MCP apps with inline UI widgets for chat surfaces.

Community
Advanced
oguzhanguvenkayaoguzhanguvenkaya

build-mcp-app

Create MCP apps that render interactive widgets inline in chat.

Community
Advanced
GongXLiangGongXLiang

build-mcp-app

Register MCP server tools with UI resources and serve HTML widgets via resource URIs.

Community
Advanced
thevibeworksthevibeworks
28

build-mcp-app

Build widget-enabled MCP apps that render interactive UI components inline with tool results.

Official
Advanced