vibe
Describe it. Watch it scaffold.
Say what your MCP app should do in plain language and watch the server, the tool schemas and the interactive views build themselves — then take the code and keep going.
Our open source tools are used by developers at top companies
How it runs
From a sentence to a deployed server
- 1
Describe
Say what the app should do.
- 2
Scaffold
Tools, schemas and views generated.
- 3
Preview
Try it in the Inspector instantly.
- 4
Deploy
Ship it from the same screen.
Real code, not a black box
Everything it generates is ordinary SDK code in your repository. Read it, edit it, or throw it away.
➜ npx create-mcpfy-app
✓ tools/chart-sales.ts
✓ widgets/Chart.tsx
✓ mcpfy.config.ts
➜ mcpfy dev
ready on :4141 · 6 tools registered
tools/chart-sales.ts
export const chartSales = tool({
name: "chart_sales",
input: z.object({ period: z.string() }),
});Views included
Interactive widgets are scaffolded alongside the tools that feed them, wired up and ready to render.
San Francisco, CA
72°F
Partly cloudy · H 74° L 58°
→ tools/call
{
"name": "display_weather",
"arguments": { "city": "San Francisco" }
}← result20041ms
{ "content": [{ "type": "resource" }] }GPT-5.2
18/18
Claude
18/18
Gemini
17/18
Deploy from the prompt
The same session that generated the server can ship it to a live endpoint.
- mainProduction12s
- feat/chartsPreview9s
- fix/authPreview11s
➜ npx mcpfy deploy
✓ live → my-server.mcpfy.ai/mcp
In the box
What it can build
Data tools
Query a database behind a typed schema.
API wrappers
Wrap an existing service as MCP tools.
Chart widgets
Interactive views rendered inline.
Workflows
Multi-step tools an agent can chain.
Build your first MCP app by describing it
Explore the rest of the platform
Everything on mcpfy Cloud shares one pipeline.