타입이 지정된 도구, 의존성 주입, 인증, 테스트 기능을 갖춘 TypeScript MCP server를 구축하고 Node, Vercel, Lambda 또는 Workers로 배포할 수 있습니다.
다른 이름 agentfront/frontmcp, @frontmcp/adapters, @frontmcp/auth, @frontmcp/edge, @frontmcp/guard
- 스타
- 152
- Tools
- —
- 다운로드, 30일
- 220,205
- 최신 버전
- —
- 마지막 커밋
- 2026년 11월 14일
- 라이선스
- Apache-2.0
FrontMCP MCP란?
FrontMCP은(는) MCP server입니다. 타입이 지정된 도구, 의존성 주입, 인증, 테스트 기능을 갖춘 TypeScript MCP server를 구축하고 Node, Vercel, Lambda 또는 Workers로 배포할 수 있습니다.
프로젝트 README에서 생성된 요약
FrontMCP MCP server 정보
이 프레임워크의 주요 기능은 프로덕션 환경에 적합한 TypeScript MCP server를 구축하는 것입니다. 개발자는 타입 지정 클래스와 Zod 스키마를 사용하여 도구, 리소스, 프롬프트를 정의할 수 있으며, 이는 Model Context Protocol을 통해 서비스됩니다. 시스템은 의존성 주입, 인증, 실행 흐름과 같은 복잡한 요구 사항을 처리하여 동일한 코드를 수정 없이 로컬 머신이나 프로덕션 환경에서 실행할 수 있도록 보장합니다.
개발자는 Node, Vercel, AWS Lambda 또는 Cloudflare Workers를 포함한 다양한 환경에 server를 배포할 수 있습니다. 에코시스템에는 OAuth, guard를 이용한 rate limiting, 구조화된 observability와 같은 고급 기능을 위한 전문 패키지가 포함되어 있습니다. stateless 2026-07-28 개정판과 이전 버전의 프로토콜을 모두 지원하므로 확장 가능한 agentic 도구를 만드는 데 다재다능한 선택지입니다.
활용 사례
- 1새 프로젝트 스캐폴딩개발자는 CLI를 사용하여 새로운 MCP server 프로젝트를 빠르게 초기화할 수 있습니다.
- 2타입 지정 도구 생성TypeScript 클래스와 입력 검증을 위한 Zod를 사용하여 수학 또는 로직 도구를 정의할 수 있습니다.
- 3edge function으로 배포이 프레임워크를 사용하면 Cloudflare Workers와 같은 경량 edge 환경에서 server를 실행할 수 있습니다.
- 4사용자 승인 구현개발자는 도구 실행 전 사람의 승인이 필요한 게이트를 추가할 수 있습니다.
프로젝트의 README를 바탕으로 작성되었습니다. 모든 활용 사례는 해당 내용의 인용문과 대조하여 확인합니다.
FrontMCP MCP 설치 방법
형식 확인: 2026년 11월 10일Cursor에 추가Goose에 추가Claude Code에 FrontMCP MCP 설치
$ claude mcp add frontmcp -- npx -y @frontmcp/adaptersCursor에 FrontMCP MCP 설치
~/.cursor/mcp.json
{
"mcpServers": {
"frontmcp": {
"command": "npx",
"args": [
"-y",
"@frontmcp/adapters"
]
}
}
}VS Code에 FrontMCP MCP 설치
.vscode/mcp.json
{
"servers": {
"frontmcp": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"@frontmcp/adapters"
]
}
}
}VS Code CLI에 FrontMCP MCP 설치
$ code --add-mcp '{"name":"frontmcp","type":"stdio","command":"npx","args":["-y","@frontmcp/adapters"]}'Claude Desktop에 FrontMCP MCP 설치
claude_desktop_config.json
{
"mcpServers": {
"frontmcp": {
"command": "npx",
"args": [
"-y",
"@frontmcp/adapters"
]
}
}
}Codex에 FrontMCP MCP 설치
$ codex mcp add frontmcp -- npx -y @frontmcp/adaptersCodex config.toml에 FrontMCP MCP 설치
~/.codex/config.toml
[mcp_servers.frontmcp] command = "npx" args = ["-y", "@frontmcp/adapters"]
Gemini CLI에 FrontMCP MCP 설치
$ gemini mcp add -s user frontmcp npx -- -y @frontmcp/adaptersGemini settings.json에 FrontMCP MCP 설치
~/.gemini/settings.json
{
"mcpServers": {
"frontmcp": {
"command": "npx",
"args": [
"-y",
"@frontmcp/adapters"
]
}
}
}자동 검사
2026년 11월 12일에 실행됨전체 보고서 →자동 검사를 통과했습니다. 이는 보안 감사가 아닙니다. 코드를 직접 읽고 서버에 필요한 최소한의 권한만 부여하십시오. 검사 방식
- 소스 저장소 연결 및 접근 가능통과
- 오픈 소스 라이선스 (OSI)통과
- 최근 1년 내 커밋 또는 릴리스통과
- 패키지 이름이 인기 패키지와 유사하지 않음통과
- 원격 엔드포인트가 HTTPS 사용검사되지 않음
- 파괴적인 도구에 라벨 표시됨검사되지 않음
- 모델에 대한 숨겨진 지침 없음통과
- 패키지 및 해당 종속성에 중요한 보안 권고 없음검사되지 않음
README
GitHub에서 보기frontmcp.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 질문
FrontMCP MCP를 Claude Code에 추가하려면 어떻게 하나요?
터미널에서 claude mcp add frontmcp -- npx -y @frontmcp/adapters를 실행합니다. 모든 프로젝트에서 사용할 수 있게 하려면 --scope user를 추가합니다.
FrontMCP MCP를 Cursor에 추가하려면 어떻게 하나요?
~/.cursor/mcp.json를 열고 mcpServers 아래에 서버를 추가합니다. 위 설치 섹션에 표시된 Cursor 구성을 사용합니다.
FrontMCP란 무엇인가요?
FrontMCP는 MCP server 구축을 위한 TypeScript 프레임워크입니다. Zod 스키마를 사용하는 타입 지정 클래스로 도구, 리소스, 프롬프트를 정의하면 FrontMCP가 이를 Model Context Protocol을 통해 제공합니다.
새로운 FrontMCP 프로젝트를 어떻게 만드나요?
npx frontmcp create my-app을 실행하여 새 프로젝트를 생성하거나, npx frontmcp init을 사용하여 기존 프로젝트에 FrontMCP를 추가할 수 있습니다. Node 24 이상의 버전이 필요합니다.
FrontMCP server를 어디에 배포할 수 있나요?
동일한 server를 Node.js, Vercel, AWS Lambda 및 Cloudflare Workers에서 실행할 수 있습니다. edge 패키지는 Cloudflare Workers와 V8 isolates를 지원합니다.
FrontMCP에서 인증을 지원하나요?
네, @frontmcp/auth 패키지를 통해 OAuth, JWKS, DCR/CIMD, 세션 및 credential vault를 제공합니다.
FrontMCP server를 테스트할 수 있나요?
네, @frontmcp/testing에서 fixture와 matcher를 포함한 end-to-end 테스트 프레임워크를 제공하며, CLI에 test 명령어가 포함되어 있습니다.