🔍

App Fastmcp Example

Name: App Fastmcp Example
Rating: 1.7 (1 reviews)

A basic MCP app example with fastmcp Python backend

0 installs

Trust: 34 — Low

Search

Ask AI about App Fastmcp Example

Powered by Claude · Grounded in docs

I know everything about App Fastmcp Example. Ask me about installation, configuration, usage, or troubleshooting.

0/500

Documentation

MCP Demo Counter App

An interactive counter UI demonstrating MCP Apps SDK with Python/FastMCP and React.

Quick Start

npm install && uv sync
npm run build
uv run python server.py

For stdio transport: uv run python server.py --stdio

Tools

Tool	Description
`get-counter`	Get current value and display UI
`increment-counter`	Increment by amount
`decrement-counter`	Decrement by amount
`reset-counter`	Reset to zero

Project Structure

├── server.py
├── pyproject.toml
├── src/
│   ├── mcp-app.tsx
│   ├── mcp-app.module.css
│   └── global.css
├── mcp-app.html
├── dist/
├── vite.config.ts
└── package.json

How It Works

Server registers MCP tools linked to a UI resource
Host fetches the bundled HTML when a tool is called
React app connects via useApp hook from @modelcontextprotocol/ext-apps
UI calls server tools via app.callServerTool()

Development

npm run build  # Static app page
uv run python server.py  # MCP server

Port defaults to 3001. Override with PORT=8080 uv run python server.py.