skills.rest
hgonzalezstahl-blip
hgonzalezstahl-blipCOMMUNITY
Explore all skills by this author →
GitHub

build-mcp-app

Build interactive MCP apps with UI widgets for inline chat experiences.

Updated Aug 23, 2026
Search Tags:#ui#integration#tooling#mcp#server#widgets
One-click install
npx skills add https://github.com/hgonzalezstahl-blip/claude-arsenal --skill build-mcp-app-hgonzalezstahl-blip
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: build-mcp-app
Source: https://github.com/hgonzalezstahl-blip/claude-arsenal/tree/main/plugins/marketplaces/claude-plugins-official/plugins/mcp-server-dev/skills/build-mcp-app
Command: npx skills add https://github.com/hgonzalezstahl-blip/claude-arsenal --skill build-mcp-app-hgonzalezstahl-blip

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Enables building MCP apps that extend MCP servers with inline UI widgets, allowing interactive forms, pickers, and dashboards to render inside the chat surface.

Core Features & Use Cases

  • Widget-enabled tools: attach UI resources to tools via _meta.ui.resourceUri and render interactive widgets in Claude.
  • Remote & local deployment: supports remote MCP servers and local MCPB packaging for desktop apps.
  • Rapid scaffold: provides a minimal widget scaffold (picker, confirm, progress) for quick iteration and testing.

Quick Start

Create a new MCP app with a basic widget that demonstrates a picker embedded in chat.

Frequently Asked Questions about build-mcp-app

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

FAQPage Schema
How do I add interactive UI widgets to an MCP server?▼

To add interactive UI widgets to an MCP server, attach UI resources to tools using the _meta.ui.resourceUri field and provide a URI for the widget resource so the host can render the interactive UI inline.

What are inline chat widgets and when do I need them for MCP servers?▼

Inline chat widgets are interactive UI elements like forms and dashboards rendered within the chat surface. You need them when extending MCP servers to provide interactive user experiences instead of plain text responses.

Can I deploy MCP apps with UI widgets on remote servers?▼

Yes, MCP apps with UI widgets support both remote MCP servers and local MCPB packaging for desktop apps, allowing flexible deployment of interactive forms, pickers, and dashboards.

Do I need to bundle ext-apps to render MCP widgets in Claude?▼

Yes, bundling the ext-apps bundle is required to render MCP widgets in Claude. You must also register tools and resources and provide a URI for the widget resource so the host can render the interactive UI.

What UI widgets are available for scaffolding MCP chat apps?▼

The MCP chat app scaffold provides a minimal set of UI widgets including pickers, confirmation dialogs, and progress indicators for quick iteration and testing of interactive in-chat experiences.

Related Skills

Explore More Software Engineering Skills→
LAF-USLAF-US

build-mcp-app

Build MCP apps with inline UI widgets using the ext-apps SDK.

Official
Advanced
fazxesfazxes
231

build-mcp-app

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

Community
Advanced
GongXLiangGongXLiang

build-mcp-app

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

Community
Advanced
cjrfotocjrfoto

build-mcp-app

Build MCP servers that render UI widgets inside the chat surface.

Community
Advanced