mcp-app-ui
Click on "Deploy Server".
Wait a few minutes for the server to deploy. Once ready, it will show a "Started" state.
In the chat, type
@followed by the MCP server name and your instructions, e.g., "@mcp-app-uiwhat is the current server time?"
That's it! The server will respond to your query, and you can continue using it as needed.
Here is a step-by-step guide with screenshots.
MCP App UI Quickstart
This repo contains the MCP Apps quickstart server copied from the official
modelcontextprotocol/ext-apps
repository.
Run
pnpm install
pnpm build
pnpm startThe server exposes a basic MCP App UI resource and tool following the MCP Apps quickstart. Use the mcp-app-ui MCP server to get the current server time.
Related MCP server: MCP Time Server
Configure and Use in Claude Desktop
Add the MCP Server. I used claude_desktop_config.json:

"mcpServers": {
"mcp-app-ui": {
"command": "pnpm",
"args": [
"--dir",
"/Users/brian/_code/github/brianpmccullough/mcp-app-ui",
"exec",
"tsx",
"main.ts",
"--stdio"
]
}
},Restart Claude Desktop and ask to use the MCP:

Upstream
Original example:
examples/quickstartQuickstart docs:
docs/quickstart.md
This server cannot be deployed
Maintenance
Related MCP Connectors
Related MCP Servers
- -licenseNot gradedqualityNot gradedmaintenanceA minimal MCP server example that provides basic utility tools including text echo and current time retrieval. Serves as a simple starting point for building MCP servers with fastmcp.-
- FlicenseNot gradedqualityDmaintenanceA minimal MCP server that provides current time information with configurable timezone support set on the client side.-
- FlicenseAqualityDmaintenanceA minimal MCP server providing greeting, addition, and time zone tools, plus static and templated resources.3-
- AlicenseNot gradedqualityDmaintenanceA simple MCP server that provides a tool to get the current server time and a resource with demo information, useful for testing MCP functionality.681 npmMIT