Build an MCP app to add interactive widgets right inside your AI chat. These widgets let users fill forms, pick from lists, see charts, or confirm actions. The app runs in Claude, ChatGPT, and other hosts that support the apps surface.
The widgets sit on top of a regular MCP server. You keep all your existing tools and resources. The UI layer is additive and optional. Only add a widget when it truly helps, like for structured input or visual output. Otherwise text works fine.
This skill is for anyone who wants to make their AI agent more visual and user friendly. It works best after you have a basic MCP server ready. You will learn about resource URIs, visibility settings, and host context values like safe area insets.
Global
mkdir -p ~/.claude/skills/build-mcp-appProject
mkdir -p .claude/skills/build-mcp-appSource Repository
Find Skillsvercel-labs/skills
Find and install the perfect skill to extend your AI agent
Microsoft Foundrymicrosoft/azure-skills
Build, deploy, and improve AI agents on Microsoft Foundry from start to finish
Azure Aimicrosoft/azure-skills
Search, transcribe, and analyze with Azure AI tools for smarter apps
Azure Hosted Copilot Sdkmicrosoft/azure-skills
Build, deploy, and manage your Copilot SDK apps on Azure with ease
Skill Creatoranthropics/skills
Create, test, and improve AI agent skills with easy step-by-step guidance
Image Editagentspace-so/runcomfy-agent-skills
Smart router picks the best AI model for your image editing needs
Agentspaceagentspace-so/skills
See your AI agent's live folder from any browser instantly
Openclaw Secure Linux Cloudxixu-me/skills
Secure self-hosting of OpenClaw with private control and SSH tunneling