build-mcp-app

Scaffold an MCP server extension that serves UI resources and renders interactive widgets.

Updated Apr 13, 2026

Search Tags:#ui #javascript #mcp #server #widgets #widget-development #ext-apps

Ready to run

npx skills add https://github.com/angrybeagles/weather-dashboard --skill build-mcp-app-angrybeagles

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: build-mcp-app
Source: https://github.com/angrybeagles/weather-dashboard/tree/main/.claude/plugins/marketplaces/claude-plugins-official/plugins/mcp-server-dev/skills/build-mcp-app
Command: npx skills add https://github.com/angrybeagles/weather-dashboard --skill build-mcp-app-angrybeagles

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill provides a structured path to build an MCP app that serves UI resources and renders interactive widgets inside chat surfaces, enabling rich, inline user interfaces on MCP servers.

Core Features & Use Cases

Create a standard MCP server extension that also serves UI resources (widgets) and wires tool results to UI templates.
Use cases include forms, pickers, confirmation dialogs, progress displays, and data previews rendered inline in Claude or ChatGPT-like hosts.
The skill documents deployment patterns (remote MCP app vs MCPB-packaged MCP app) and guides scaffolding of Tool + Resource integration.

Quick Start

Frequently Asked Questions about build-mcp-app

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

FAQPage Schema

How do I build an MCP server that renders interactive UI widgets inline in Claude?▼

Interactive widgets in MCP servers require a server-side tool registration, a UI resource URI, and a bundled ext-apps runtime to render the widget inline within Claude or similar MCP hosts.

What are MCP UI widgets and when do I need them for my server?▼

MCP UI widgets are interactive components rendered inline within chat surfaces. You need them when tool results require rich interfaces like forms, pickers, confirmation dialogs, or data previews instead of plain text.

How do I scaffold an MCP app that serves UI resources and connects tool results to templates?▼

Scaffold an MCP app by registering a server-side tool, defining a UI resource URI, and wiring tool results to UI templates using a minimal widget workflow and a bundled ext-apps runtime for inline rendering.

Can I deploy MCP apps as remote servers or do I need to package them as MCPB files?▼

MCP apps support both remote MCP app deployment and MCPB-packaged MCP app deployment patterns, allowing you to choose between serving widgets remotely or packaging them for localized distribution.

Does the MCP widget workflow work with ChatGPT-like hosts or is it limited to Claude?▼

The MCP widget workflow is suitable for Claude and other MCP hosts, allowing the bundled ext-apps runtime to render interactive widgets inline across compatible chat surfaces including ChatGPT-like hosts.

What are the limitations of rendering inline widgets on an MCP server?▼

Limitations include relying on a bundled ext-apps runtime for rendering and requiring compatible MCP hosts that support inline UI resource rendering, meaning widgets will not display in standard clients lacking ext-apps support.