Erstellt TypeScript MCP server mit typisierten Tools, Dependency Injection, Authentifizierung, Testing und Deployment auf Node, Vercel, Lambda oder Workers.
Auch bekannt als agentfront/frontmcp, @frontmcp/adapters, @frontmcp/auth, @frontmcp/edge, @frontmcp/guard
- Stars
- 152
- Tools
- —
- Downloads, 30 Tage
- 220.205
- Neueste Version
- —
- Letzter Commit
- 14. Nov. 2026
- Lizenz
- Apache-2.0
Was ist FrontMCP MCP?
FrontMCP ist ein MCP server. Erstellt TypeScript MCP server mit typisierten Tools, Dependency Injection, Authentifizierung, Testing und Deployment auf Node, Vercel, Lambda oder Workers.
Zusammenfassung generiert aus dem README des Projekts
Über FrontMCP MCP server
Die Hauptfunktion dieses Frameworks ist das Erstellen von produktionsreifen TypeScript MCP server. Es ermöglicht Entwicklern, Tools, Resources und Prompts mithilfe von typisierten Klassen und Zod-Schemas zu definieren, die dann über das Model Context Protocol bereitgestellt werden. Das System übernimmt komplexe Anforderungen wie Dependency Injection, Authentifizierung und den Execution Flow und stellt sicher, dass derselbe Code ohne Änderungen auf einer lokalen Maschine oder in einer Produktionsumgebung läuft.
Entwickler können ihre Server in verschiedenen Umgebungen deployen, darunter Node, Vercel, AWS Lambda oder Cloudflare Workers. Das Ökosystem umfasst spezialisierte Packages für fortgeschrittene Features wie OAuth, Rate Limiting mit Guard und strukturierte Observability. Es unterstützt sowohl die stateless 2026-07-28 Revision als auch frühere Versionen des Protokolls, was es zu einer vielseitigen Wahl für die Erstellung skalierbarer agentic Tools macht.
Was du damit machen kannst
- 1Ein neues Projekt scaffoldenEin Entwickler kann schnell ein neues MCP server Projekt über das CLI initialisieren.
- 2Typisierte Tools erstellenDu kannst mathematische oder logische Tools mithilfe von TypeScript Klassen und Zod für die Input-Validierung definieren.
- 3Auf Edge Functions deployenDas Framework ermöglicht es, Server in leichtgewichtigen Edge-Umgebungen wie Cloudflare Workers auszuführen.
- 4Human Approval implementierenEntwickler können Gates hinzufügen, die eine manuelle Freigabe durch eine Person erfordern, bevor ein Tool ausgeführt wird.
Geschrieben aus dem README des Projekts. Jeder Use Case wurde gegen ein Zitat daraus geprüft.
So installierst du FrontMCP MCP
Formate geprüft am 10. Nov. 2026Zu Cursor hinzufügenZu Goose hinzufügenFrontMCP MCP in Claude Code installieren
$ claude mcp add frontmcp -- npx -y @frontmcp/adaptersFrontMCP MCP in Cursor installieren
~/.cursor/mcp.json
{
"mcpServers": {
"frontmcp": {
"command": "npx",
"args": [
"-y",
"@frontmcp/adapters"
]
}
}
}FrontMCP MCP in VS Code installieren
.vscode/mcp.json
{
"servers": {
"frontmcp": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"@frontmcp/adapters"
]
}
}
}FrontMCP MCP in VS Code CLI installieren
$ code --add-mcp '{"name":"frontmcp","type":"stdio","command":"npx","args":["-y","@frontmcp/adapters"]}'FrontMCP MCP in Claude Desktop installieren
claude_desktop_config.json
{
"mcpServers": {
"frontmcp": {
"command": "npx",
"args": [
"-y",
"@frontmcp/adapters"
]
}
}
}FrontMCP MCP in Codex installieren
$ codex mcp add frontmcp -- npx -y @frontmcp/adaptersFrontMCP MCP in Codex config.toml installieren
~/.codex/config.toml
[mcp_servers.frontmcp] command = "npx" args = ["-y", "@frontmcp/adapters"]
FrontMCP MCP in Gemini CLI installieren
$ gemini mcp add -s user frontmcp npx -- -y @frontmcp/adaptersFrontMCP MCP in Gemini settings.json installieren
~/.gemini/settings.json
{
"mcpServers": {
"frontmcp": {
"command": "npx",
"args": [
"-y",
"@frontmcp/adapters"
]
}
}
}Automatisierte Checks
Geluften am 12. Nov. 2026Vollständiger Bericht →Unsere automatisierten Checks bestanden. Das ist kein Security-Audit: Lies den Code und gib dem Server nur den minimal notwendigen Zugriff. Wie die Checks funktionieren
- Source Repository verknüpft und erreichbarBestanden
- Open Source Lizenz (OSI)Bestanden
- Commit oder Release im letzten JahrBestanden
- Package-Name ähnelt keinem populären PackageBestanden
- Remote Endpoint nutzt HTTPSNicht geprüft
- Destruktive Tools sind markiertNicht geprüft
- Keine versteckten Anweisungen an das ModellBestanden
- Keine kritischen Advisories im Paket oder seinen AbhängigkeitenNicht geprüft
README
Auf GitHub ansehenfrontmcp.dev · Learn · Reference · Examples · Playground · Compare · Blog
FrontMCP is the TypeScript framework for MCP servers. You write tools, resources and prompts as typed classes with Zod schemas, and FrontMCP serves them over the Model Context Protocol, with dependency injection, authentication, testing, agents and jobs, on Node, Vercel, AWS Lambda and Cloudflare Workers. It serves MCP 2026-07-28, the stateless revision, and the earlier ones. The docs, examples and a browser playground are at frontmcp.dev.
Write a tool. Ship a server.
Classes in, protocol out. FrontMCP handles transport, DI, sessions, auth and execution flow, and the same server runs locally and in production unchanged.
import 'reflect-metadata';
import { App, FrontMcp, Tool, ToolContext, z } from '@frontmcp/sdk';
@Tool({
name: 'add',
description: 'Adds two numbers together',
inputSchema: { a: z.number(), b: z.number() },
})
class AddTool extends ToolContext {
async execute(input: { a: number; b: number }) {
return input.a + input.b;
}
}
@App({ id: 'calc', name: 'Calculator', tools: [AddTool] })
class CalcApp {}
@FrontMcp({
info: { name: 'Demo', version: '0.1.0' },
apps: [CalcApp],
http: { port: 3000 },
})
export default class Server {}
Start
npx frontmcp create my-app # new project (Node 24+)
npx frontmcp init # or add FrontMCP to an existing one
Then follow Learn on frontmcp.dev, or browse Tools, Resources, Prompts, Agents, Auth, Plugins, Tool UI, Testing and Deployment. Try it live in the Playground.
How it compares
TypeScript MCP server frameworks for production puts FrontMCP next to the official TypeScript SDK, FastMCP for TypeScript, Prefect's FastMCP TypeScript, mcp-framework, mcp-use, ViteMCP and xmcp, on auth, testing, protocol support and deployment. Each library's hello world was run and asked which MCP revisions it serves. Why FrontMCP says when the official SDK alone is enough, and The Best TypeScript MCP Server Frameworks in 2026 sums up the field. Moving a server over? See Migrate from the TypeScript SDK and Migrate from FastMCP.
Packages
Install frontmcp (CLI) and @frontmcp/sdk. The rest is pulled in for you, or opt-in. Keep every @frontmcp/* package on the same version: they depend on each other at exact versions.
| Package | What it does |
|---|---|
frontmcp |
CLI: create, init, dev, build, test, inspector |
@frontmcp/sdk |
Core framework: decorators, DI, flows, transport, MCP protocol |
@frontmcp/auth |
OAuth, JWKS, DCR/CIMD, sessions, credential vault |
@frontmcp/testing |
E2E test framework with fixtures and matchers |
@frontmcp/adapters |
Generate tools from an OpenAPI spec |
@frontmcp/skills |
Curated SKILL.md catalog for scaffolding and skills install |
@frontmcp/guard |
Rate limits, concurrency and policy guards |
@frontmcp/observability |
Structured logging, metrics and tracing |
@frontmcp/react |
React hooks and client for a FrontMCP server |
@frontmcp/ui / uipack |
Widgets, SSR renderers, MCP Bridge, themes |
@frontmcp/edge |
Run a server on Cloudflare Workers / V8 isolates |
@frontmcp/storage-sqlite |
SQLite session, task and elicitation stores |
@frontmcp/nx |
Nx generators and executors |
Internal, published so the above resolve: protocol, di, utils, lazy-zod.
| Package | What it does |
|---|---|
@frontmcp/plugin-cache |
Cache tool results with a TTL |
@frontmcp/plugin-remember |
Per-session memory (this.remember) |
@frontmcp/plugin-result-handles |
Fold large answers into a handle to query |
@frontmcp/plugin-approval |
Human approval gates before a tool runs |
@frontmcp/plugin-codecall |
Let the model compose tool calls as code |
@frontmcp/plugin-dashboard |
Built-in web dashboard |
@frontmcp/plugin-feature-flags |
Toggle tools and apps at runtime |
@frontmcp/plugin-skilled-openapi |
OpenAPI to skills and meta-tools for big APIs |
@frontmcp/plugin-webmcp |
Expose in-page tools to browser agents (WebMCP) |
PRs welcome: see CONTRIBUTING. Released under the Apache-2.0 license.
FrontMCP MCP Fragen
Wie füge ich FrontMCP MCP zu Claude Code hinzu?
Führe claude mcp add frontmcp -- npx -y @frontmcp/adapters in deinem Terminal aus. Füge --scope user hinzu, damit der Server in jedem Projekt verfügbar ist.
Wie füge ich FrontMCP MCP zu Cursor hinzu?
Öffne ~/.cursor/mcp.json und füge den Server unter mcpServers hinzu, mit der Cursor-Config aus dem Installationsabschnitt oben.
Was ist FrontMCP?
FrontMCP ist ein TypeScript Framework zum Bauen von MCP server. Du definierst Tools, Resources und Prompts als typisierte Klassen mit Zod-Schemas, und FrontMCP stellt diese über das Model Context Protocol bereit.
Wie erstelle ich ein neues FrontMCP Projekt?
Nutze npx frontmcp create my-app, um ein neues Projekt zu scaffolden, oder npx frontmcp init, um FrontMCP einem bestehenden Projekt hinzuzufügen. Es erfordert Node 24 oder neuer.
Wo kann ich einen FrontMCP server deployen?
Derselbe Server läuft auf Node.js, Vercel, AWS Lambda und Cloudflare Workers. Ein Edge-Package unterstützt Cloudflare Workers und V8 isolates.
Unterstützt FrontMCP Authentifizierung?
Ja. Das @frontmcp/auth Package bietet OAuth, JWKS, DCR/CIMD, Sessions und einen Credential Vault.
Kann ich einen FrontMCP server testen?
Ja, @frontmcp/testing bietet ein End-to-End Test-Framework mit Fixtures und Matchern, und das CLI enthält einen Test-Befehl.