skills.rest
fazxes
fazxesCOMMUNITY
Explore all skills by this author →
Website𝕏@fazxesGitHub

build-mcp-app

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

231|217|Updated Mar 31, 2026
Search Tags:#development#ui#mcp#chatbot#widgets#tool-integration#apps
One-click install
npx skills add https://github.com/fazxes/Claude-code --skill build-mcp-app-fazxes
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: build-mcp-app
Source: https://github.com/fazxes/Claude-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/fazxes/Claude-code --skill build-mcp-app-fazxes

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Builds MCP apps that add inline UI widgets to MCP servers, enabling interactive components inside chat surfaces.

Core Features & Use Cases

  • Remote MCP app deployment with widget resources and UI templates.
  • Tool integration via the apps surface to render pickers, forms, dashboards, and dialogs within conversations.
  • Support for MCPB-packaged widgets that drive local UI or desktop integrations when needed.

Quick Start

Install dependencies and start the MCP server to serve widget resources.

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 inline UI widgets to an MCP server for chat surfaces?▼

You add inline UI widgets to an MCP server by attaching widget resources using _meta.ui.resourceUri and bundling the ext-apps runtime for a self-contained interactive component experience within chat surfaces.

What kinds of interactive components can I render inside MCP chat conversations?▼

You can render interactive components like pickers, forms, dashboards, and dialogs inside MCP chat conversations by integrating tools via the apps surface using provided UI templates.

Does MCP app deployment support packaged widgets for local desktop integrations?▼

MCPB-packaged apps support widgets that drive local UI or desktop integrations, allowing you to deploy self-contained interactive components when remote chat surface rendering is not sufficient.

How do I deploy remote MCP apps with widget resources and UI templates?▼

You deploy remote MCP apps by serving widget resources and UI templates from the MCP server, ensuring proper deployment sequencing occurs after building the base MCP server infrastructure.

Do I need to build an MCP server before deploying apps with inline widgets?▼

You need to build an MCP server first because app deployment with inline widgets explicitly sequences after the build-mcp-server step to properly attach the ext-apps runtime and widget resources.

Why use _meta.ui.resourceUri when building MCP apps with interactive widgets?▼

You use _meta.ui.resourceUri to attach widget resources directly to your MCP app tools, ensuring the ext-apps runtime correctly renders the inline interactive components within chat surfaces.

Related Skills

Explore More Software Engineering Skills→
jillescajillesca
13

build-mcp-app

Scaffold MCP apps with interactive widgets and UI resources for chat surfaces.

Community
Advanced
lucasfthlucasfth

build-mcp-app

Build MCP apps with interactive UI widgets and inline resources.

Community
Advanced
jeffpeckyjeffpecky

build-mcp-app

Develop interactive UI widgets for MCP apps rendered inline in conversations.

Community
Advanced
MinhThang1009MinhThang1009
15

build-mcp-app

Create and deploy interactive MCP UI widgets for Claude chat surfaces.

Community
Advanced