build-mcp-app Skill
This skill should be used when the user wants to build an "MCP app", add "interactive UI" or "widgets" to an MCP server, "render components in chat", build "MCP UI resources", make a tool that shows a "form", "picker", "dashboard" or "confirmation dialog" inline in the conversation, or mentions "apps SDK" in the contex Published by anthropics in claude-plugins-official.
What is build-mcp-app Skill?
This skill should be used when the user wants to build an "MCP app", add "interactive UI" or "widgets" to an MCP server, "render components in chat", build "MCP UI resources", make a tool that shows a "form", "picker", "dashboard" or "confirmation dialog" inline in the conversation, or mentions "apps SDK" in the contex Published by anthropics in claude-plugins-official. This profile combines repository metadata with install, compatibility, and usage signals so developers can quickly decide whether it fits their agent workflow before opening the source repository.
Automated repository signals based on public metadata such as recency, license, installation evidence, and adoption. These are not a security audit or endorsement.
Key capabilities
- Includes SKILL.md support
- Reusable instructions support
- Testing
- Documentation
- Design and media
- Testing use cases
- Documentation use cases
Technical details
- Install or run with Copy skill directory
When to use build-mcp-app Skill
- Use it for testing.
- Use it for documentation.
- Use it for design and media.
Built with
Editorial notes
Source
- Creator: anthropics
- Repository: anthropics/claude-plugins-official
- Skill file: plugins/mcp-server-dev/skills/build-mcp-app/SKILL.md
What it does
This skill should be used when the user wants to build an "MCP app", add "interactive UI" or "widgets" to an MCP server, "render components in chat", build "MCP UI resources", make a tool that shows a "form", "picker", "dashboard" or "confirmation dialog" inline in the conversation, or mentions "apps SDK" in the contex
Skill instructions
Build an MCP App (Interactive UI Widgets) An MCP app is a standard MCP server that also serves UI resources — interactive components rendered inline in the chat surface. Build once, runs in Claude and ChatGPT and any other host that implements the apps surface. The UI layer is additive. Under the hood it's still tools, resources, and the same wire protocol. If you haven't built a plain MCP server before, the build-mcp-server skill covers the base layer. This skill adds widgets on top. Testing in Claude: Add the server as a custom connector in claude.ai (via a Cloudflare tunnel for local dev) — this exercises the real iframe sandbox and hostContext. See https://claude.com/docs/connectors/building/testing. Claude host specifics | meta.ui. key | Where | Effect | |---|---|---| | resourceUri | tool | Which ui:// resource the host renders for this tool's results. | | visibility: ["app"] | tool | Hide a widget-only helper tool (e.g. geometry/image fetcher called via callServerTool) from Claud
Explore related resources
Frequently asked questions
What is build-mcp-app?
build-mcp-app is a open-source AI agent skill with Copy skill directory. This skill should be used when the user wants to build an "MCP app", add "interactive UI" or "widgets" to an MCP server, "render components in chat", build "MCP UI resources", make a tool that shows a.
Who is build-mcp-app best for?
build-mcp-app is best for reusing agent instructions, scripts, and references, testing workflows, documentation workflows, design and media workflows.
How do I install build-mcp-app?
Install or run build-mcp-app using Copy skill directory. Check build-mcp-app for the latest setup command.
Is build-mcp-app actively maintained?
build-mcp-app may need a closer maintenance check before production use.
Auto-fetched from GitHub.
