TypeScript MCP playground

A Help Desk server with tools, resources, a prompt and a shared provider. Edit any file; the server restarts in your browser. Nothing is sent anywhere.

import { FrontMcp } from "@frontmcp/sdk";
import { HelpDeskApp } from "./help-desk.app";

@FrontMcp({
  info: { name: "Help Desk", version: "0.1.0" },
  apps: [HelpDeskApp],
})
export default class Server {}

Starting FrontMCP in your browser…

FrontMCP starts when this example comes into view.