Permet de créer des MCP servers en TypeScript avec des outils typés, l'injection de dépendances, l'authentification, les tests et le déploiement vers Node, Vercel, Lambda ou Workers.
Aussi connu sous agentfront/frontmcp, @frontmcp/adapters, @frontmcp/auth, @frontmcp/edge, @frontmcp/guard
- Étoiles
- 152
- Outils
- —
- Téléchargements, 30 jours
- 220 205
- Dernière version
- —
- Dernier commit
- 14 nov. 2026
- Licence
- Apache-2.0
Qu'est-ce que FrontMCP MCP ?
FrontMCP est un serveur MCP. Permet de créer des MCP servers en TypeScript avec des outils typés, l'injection de dépendances, l'authentification, les tests et le déploiement vers Node, Vercel, Lambda ou Workers.
Résumé généré à partir du README du projet
À propos du MCP server FrontMCP
La fonction principale de ce framework est la création de MCP servers en TypeScript prêts pour la production. Il permet aux développeurs de définir des outils, des ressources et des prompts en utilisant des classes typées et des schémas Zod, qui sont ensuite servis via le Model Context Protocol. Le système gère les exigences complexes telles que l'injection de dépendances, l'authentification et le flux d'exécution, garantissant que le même code s'exécute sur une machine locale ou dans un environnement de production sans modification.
Les développeurs peuvent déployer leurs serveurs sur divers environnements, notamment Node, Vercel, AWS Lambda ou Cloudflare Workers. L'écosystème comprend des packages spécialisés pour des fonctionnalités avancées telles que OAuth, la limitation de débit (rate limiting) avec guard, et l'observabilité structurée. Il prend en charge à la fois la révision stateless du 2026-07-28 et les versions antérieures du protocole, ce qui en fait un choix polyvalent pour créer des outils agentiques évolutifs.
Ce que vous pouvez faire avec
- 1Générer un nouveau projetUn développeur peut rapidement initialiser un nouveau projet de MCP server via l'interface en ligne de commande.
- 2Créer des outils typésVous pouvez définir des outils mathématiques ou logiques en utilisant des classes TypeScript et Zod pour la validation des entrées.
- 3Déployer sur des fonctions edgeLe framework permet d'exécuter des serveurs sur des environnements edge légers comme Cloudflare Workers.
- 4Implémenter une approbation humaineLes développeurs peuvent ajouter des barrières (gates) nécessitant l'approbation d'une personne avant l'exécution d'un outil.
Extrait du README du projet. Chaque cas d'utilisation est vérifié par rapport à une citation du document.
Comment installer FrontMCP MCP
Formats vérifiés le 10 nov. 2026Ajouter à CursorAjouter à GooseInstaller FrontMCP MCP dans Claude Code
$ claude mcp add frontmcp -- npx -y @frontmcp/adaptersInstaller FrontMCP MCP dans Cursor
~/.cursor/mcp.json
{
"mcpServers": {
"frontmcp": {
"command": "npx",
"args": [
"-y",
"@frontmcp/adapters"
]
}
}
}Installer FrontMCP MCP dans VS Code
.vscode/mcp.json
{
"servers": {
"frontmcp": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"@frontmcp/adapters"
]
}
}
}Installer FrontMCP MCP dans VS Code CLI
$ code --add-mcp '{"name":"frontmcp","type":"stdio","command":"npx","args":["-y","@frontmcp/adapters"]}'Installer FrontMCP MCP dans Claude Desktop
claude_desktop_config.json
{
"mcpServers": {
"frontmcp": {
"command": "npx",
"args": [
"-y",
"@frontmcp/adapters"
]
}
}
}Installer FrontMCP MCP dans Codex
$ codex mcp add frontmcp -- npx -y @frontmcp/adaptersInstaller FrontMCP MCP dans Codex config.toml
~/.codex/config.toml
[mcp_servers.frontmcp] command = "npx" args = ["-y", "@frontmcp/adapters"]
Installer FrontMCP MCP dans Gemini CLI
$ gemini mcp add -s user frontmcp npx -- -y @frontmcp/adaptersInstaller FrontMCP MCP dans Gemini settings.json
~/.gemini/settings.json
{
"mcpServers": {
"frontmcp": {
"command": "npx",
"args": [
"-y",
"@frontmcp/adapters"
]
}
}
}Vérifications automatisées
Exécuté le 12 nov. 2026Rapport complet →A passé nos vérifications automatisées. Il ne s'agit pas d'un audit de sécurité : lisez le code et donnez au serveur l'accès le plus restreint dont il a besoin. Fonctionnement des vérifications
- Dépôt source lié et accessibleRéussi
- Licence open source (OSI)Réussi
- Commit ou version publiée au cours de l'année écouléeRéussi
- Nom du package non proche d'un package populaireRéussi
- L'endpoint distant utilise HTTPSNon vérifié
- Les outils destructifs sont étiquetésNon vérifié
- Aucune instruction cachée destinée au modèleRéussi
- Aucun avis critique dans le package ou ses dépendancesNon vérifié
README
Voir sur GitHubfrontmcp.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.
Questions sur FrontMCP MCP
Comment ajouter FrontMCP MCP à Claude Code ?
Exécutez claude mcp add frontmcp -- npx -y @frontmcp/adapters dans votre terminal. Ajoutez --scope user pour le rendre disponible dans tous les projets.
Comment ajouter FrontMCP MCP à Cursor ?
Ouvrez ~/.cursor/mcp.json et ajoutez le serveur sous mcpServers, avec la configuration Cursor indiquée dans la section d'installation ci-dessus.
Qu'est-ce que FrontMCP ?
FrontMCP est un framework TypeScript pour construire des MCP servers. Vous définissez des outils, des ressources et des prompts sous forme de classes typées avec des schémas Zod, et FrontMCP les expose via le Model Context Protocol.
Comment créer un nouveau projet FrontMCP ?
Exécutez npx frontmcp create my-app pour générer un nouveau projet, ou npx frontmcp init pour ajouter FrontMCP à un projet existant. Node 24 ou une version ultérieure est requis.
Où puis-je déployer un serveur FrontMCP ?
Le même serveur peut s'exécuter sur Node.js, Vercel, AWS Lambda et Cloudflare Workers. Un package edge prend en charge Cloudflare Workers et les isolats V8.
FrontMCP supporte-t-il l'authentification ?
Oui. Le package @frontmcp/auth fournit OAuth, JWKS, DCR/CIMD, la gestion de sessions et un coffre-fort de credentials.
Puis-je tester un serveur FrontMCP ?
Oui, @frontmcp/testing propose un framework de tests de bout en bout avec fixtures et matchers, et le CLI inclut une commande de test.