First MCP App

Name: First MCP App
Availability: InStock
Author: brunobuddy

Supports UI

by brunobuddy

Minimalistic MCP App demonstration featuring an interactive flight card UI.

0 stars

0 views

Works in:claude

Exposes:ToolsResources

View on GitHub Docs

What it does

First MCP App is a demonstration project that showcases the capability of MCP Apps to render interactive UI components. Specifically, it implements a flight card resource that allows AI models to present flight information in a structured, visual format rather than plain text.

Key features

Flight Card UI: Renders a dedicated HTML-based flight card for better data visualization.
Tool Integration: Includes a get-flights tool to fetch flight data that populates the UI.
Vite-Powered: Uses Vite and vite-plugin-singlefile to bundle UI resources into single files for efficient delivery.

Installation

Clone the repository and install dependencies.

Claude Desktop:

{
  "mcpServers": {
    "first-mcp-app": {
      "command": "npm",
      "args": ["run", "dev"]
    }
  }
}

Supported hosts

Confirmed for Claude Desktop.

Quick install

npm install -g first-mcp-app

Information

Pricing: free
Published: 4/30/2026
stars