EAG MCP Demo

EAG MCP Demo

A FastMCP server with web search, local notes CRUD, and a generative UI dashboard using Prefab.

Category
Visit Server

README

EAG v3 — MCP demo with Prefab UI

A FastMCP server with three tools that exercise (1) the internet, (2) local-file CRUD, and (3) generative UI via Prefab. Designed to run inside Claude Desktop.

Tools

Tool Type Purpose
web_search(query) internet DuckDuckGo Instant Answer API — returns abstract + related topics
notes_file(action, key, content) local CRUD one tool, action-dispatched (create / read / update / delete / list) over ./notes.json
show_dashboard() UI renders saved notes as a Prefab card grid (uses @mcp.tool(app=True))

Setup

Requires uv (brew install uv) and Claude Desktop.

cd /Users/nitingangwar/Documents/Code/eagv3/mcp
uv sync

Wire into Claude Desktop

Edit ~/Library/Application Support/Claude/claude_desktop_config.json and add (or merge) the mcpServers block:

{
  "mcpServers": {
    "eag-mcp-demo": {
      "command": "/opt/homebrew/bin/uv",
      "args": [
        "run",
        "--directory",
        "/Users/nitingangwar/Documents/Code/eagv3/mcp",
        "python",
        "server.py"
      ]
    }
  }
}

Restart Claude Desktop. The MCP indicator should show eag-mcp-demo with three tools.

plain-Python fallback (no uv)

python3 -m venv .venv
.venv/bin/pip install -e .

Then in Claude Desktop config use:

"command": "/Users/nitingangwar/Documents/Code/eagv3/mcp/.venv/bin/python",
"args": ["/Users/nitingangwar/Documents/Code/eagv3/mcp/server.py"]

Demo prompt

Paste this in Claude Desktop after the server is wired up:

Find the ownership details of Tata Sons via web search, save a 2–3 sentence summary into my notes file under the key tata_sons, then open the dashboard so I can see it.

Expected behavior:

  1. web_search("Tata Sons ownership") → DDG abstract.
  2. notes_file("create", "tata_sons", "<summary>") → writes to notes.json.
  3. show_dashboard() → renders a Prefab card grid inline with one card.

Re-run with another company (e.g. "Reliance Industries") and the dashboard now shows two cards.

Smoke test

# Server starts and blocks on stdin (correct):
uv run python server.py

# Or interactive inspector:
npx @modelcontextprotocol/inspector uv run python server.py

In the inspector: list tools, call web_search("Tata Sons"), then call notes_file("create", "x", "y") and confirm notes.json updates on disk.

Fallbacks

  • Prefab renderer doesn't engage (Claude Desktop returns JSON instead of UI): change the show_dashboard decorator from @mcp.tool(app=True) to plain @mcp.tool and have it return a Markdown table built from notes.json.
  • DuckDuckGo returns empty for the query: DDG only has Instant Answers for well-known entities. Use famous companies / people / places for the demo.

Files

server.py        # FastMCP server with the 3 tools
notes.json       # backing store for notes_file (starts as {})
pyproject.toml   # deps: fastmcp[apps], prefab-ui==0.19.1, httpx

Recommended Servers

playwright-mcp

playwright-mcp

A Model Context Protocol server that enables LLMs to interact with web pages through structured accessibility snapshots without requiring vision models or screenshots.

Official
Featured
TypeScript
Magic Component Platform (MCP)

Magic Component Platform (MCP)

An AI-powered tool that generates modern UI components from natural language descriptions, integrating with popular IDEs to streamline UI development workflow.

Official
Featured
Local
TypeScript
Audiense Insights MCP Server

Audiense Insights MCP Server

Enables interaction with Audiense Insights accounts via the Model Context Protocol, facilitating the extraction and analysis of marketing insights and audience data including demographics, behavior, and influencer engagement.

Official
Featured
Local
TypeScript
VeyraX MCP

VeyraX MCP

Single MCP tool to connect all your favorite tools: Gmail, Calendar and 40 more.

Official
Featured
Local
graphlit-mcp-server

graphlit-mcp-server

The Model Context Protocol (MCP) Server enables integration between MCP clients and the Graphlit service. Ingest anything from Slack to Gmail to podcast feeds, in addition to web crawling, into a Graphlit project - and then retrieve relevant contents from the MCP client.

Official
Featured
TypeScript
Kagi MCP Server

Kagi MCP Server

An MCP server that integrates Kagi search capabilities with Claude AI, enabling Claude to perform real-time web searches when answering questions that require up-to-date information.

Official
Featured
Python
E2B

E2B

Using MCP to run code via e2b.

Official
Featured
Neon Database

Neon Database

MCP server for interacting with Neon Management API and databases

Official
Featured
Qdrant Server

Qdrant Server

This repository is an example of how to create a MCP server for Qdrant, a vector search engine.

Official
Featured
Exa Search

Exa Search

A Model Context Protocol (MCP) server lets AI assistants like Claude use the Exa AI Search API for web searches. This setup allows AI models to get real-time web information in a safe and controlled way.

Official
Featured