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
Triagemattpocock/skills
Triage issues with a state machine driven by clear roles and agent briefs
Handoffmattpocock/skills
Hand off your work to another AI agent with a clear summary
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