Voice + MCP calendar demo.
mcp-labrat
Voice + MCP calendar demo.
This project is a small Express app that:
- Hosts an MCP server (Streamable HTTP transport) that exposes calendar tools backed by a CalDAV server
- Hosts an HTTP “MCP client” endpoint that sends a prompt to an OpenAI-compatible Chat Completions API and lets the model call those MCP tools
- Serves a simple browser UI (in
public/) that records audio, transcribes it (Whisper API), and sends the resulting prompt to the MCP client endpoint
Requirements
- Node.js 18+ (Node 20+ recommended)
- A CalDAV server + credentials (or accept the defaults, but tools won’t be useful)
- An OpenAI-compatible API endpoint for:
- Chat Completions (
/v1/chat/completions) - Audio Transcriptions (
/v1/audio/transcriptions)
- Chat Completions (
In this lab, OPENAI_PROXY_URL typically points to a proxy service (not OpenAI directly). The proxy is responsible for adding any required authentication (e.g. API keys) to outgoing requests.
Because auth is handled by the proxy, the server uses direct HTTP requests (via fetchData) instead of the official OpenAI SDK.
Quick start
Install
npm installCreate
.envcp .env-sample .envThen edit
.envand setOPENAI_PROXY_URLto your proxy/base URL (e.g.http://localhost:1234or your deployed proxy).Run the dev server
npm run devOpen the demo UI
- Visit
http://localhost:3000/ - Click “Start Recording”, speak a command, then click “Stop Recording”
- Click “Send”
- Visit
Environment variables
Create a .env file in the project root.
Server
PORT(optional, default:3000)NODE_ENV(optional, e.g.development)
MCP client + OpenAI-compatible API
MCP_SERVER_URL(required)- Example:
http://localhost:3000/api/v1/mcp - This can point back to the same server instance.
- Example:
OPENAI_PROXY_URL(required)- Base URL of your OpenAI-compatible proxy (the app calls
/v1/chat/completionsand/v1/audio/transcriptionsunder it) - Example:
http://localhost:1234
- Base URL of your OpenAI-compatible proxy (the app calls
OPENAI_MODEL(optional, default:gpt-4o)
Audio transcription (Whisper)
OPENAI_TRANSCRIPTION_MODEL(optional, default:whisper-1)
CalDAV (calendar backing store)
CALDAV_SERVER_URL(optional, default:http://localhost:5232/)CALDAV_USERNAME(optional, default:username)CALDAV_PASSWORD(optional, default:password)
Radicale (dev CalDAV server)
For local development you can run a minimal Radicale CalDAV server with no authentication.
macOS / Linux
- Install Radicale
python3 -m pip install --user radicale
- Create a local config + data folder
mkdir -p radicale-data/collections
cat > radicale.config <<'EOF'
[server]
hosts = 127.0.0.1:5232
[auth]
type = none
[storage]
filesystem_folder = ./radicale-data/collections
EOF
- Run Radicale
radicale --config ./radicale.config
Windows (PowerShell)
- Install Radicale
py -m pip install --user radicale
- Create a local config + data folder
New-Item -ItemType Directory -Force -Path .\radicale-data\collections | Out-Null
@'
[server]
hosts = 127.0.0.1:5232
[auth]
type = none
[storage]
filesystem_folder = ./radicale-data/collections
'@ | Set-Content -Encoding UTF8 .\radicale.config
- Run Radicale
py -m radicale --config .\radicale.config
- Point this app to Radicale
In .env:
CALDAV_SERVER_URL=http://localhost:5232/CALDAV_USERNAME=anything(ignored whenauth=none)CALDAV_PASSWORD=anything(ignored whenauth=none)
Scripts
npm run dev– run server with nodemon + ts-nodenpm run build– compile TypeScript todist/npm start– run the compiled server (dist/index.js)
API
Base path is /api/v1.
Health
GET /api/v1/
Returns a simple JSON message.
MCP server
POST /api/v1/mcp
Implements the MCP Streamable HTTP transport.
MCP client
POST /api/v1/client
Accepts either:
- JSON (text prompt)
curl -sS \
-H 'Content-Type: application/json' \
-d '{"prompt":"List my events","timezone":"Europe/Helsinki"}' \
http://localhost:3000/api/v1/client
multipart/form-data(audio upload)
The field name must be audio.
curl -sS \
-F 'audio=@command.webm' \
-F 'timezone=Europe/Helsinki' \
http://localhost:3000/api/v1/client
Response:
{
"answer": "...",
"toolCalls": 2
}
MCP tools
The MCP server currently exposes:
listEvents– list events in the primary CalDAV calendargetEventsInTimeSlot– check availability for a time slot (relative date inputs)createEvent– create an event (relative date inputs + title + optional description/location)
The MCP client instructs the model to use tools for all user requests and applies some workflow rules (e.g., check availability before creating events when the user asks “if the time is free”).
Troubleshooting
- **Mic permi
Tools (3)
listEventslist events in the primary CalDAV calendargetEventsInTimeSlotcheck availability for a time slot (relative date inputs)createEventcreate an event (relative date inputs + title + optional description/location)Environment Variables
MCP_SERVER_URLrequiredURL of the MCP server endpointOPENAI_PROXY_URLrequiredBase URL of OpenAI-compatible proxyPORTServer portNODE_ENVNode environmentOPENAI_MODELChat modelOPENAI_TRANSCRIPTION_MODELWhisper modelCALDAV_SERVER_URLCalDAV server URLCALDAV_USERNAMECalDAV usernameCALDAV_PASSWORDCalDAV passwordConfiguration
{"mcpServers":{"mcp-labrat":{"command":"npx","args":["-y","github:hussainkazemian/mcp-labrat"]}}}