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.