MCP server
Use PromptFloe as a tool inside Claude Desktop, Claude Code, or any MCP-compatible client. Describe an app and PromptFloe generates production-ready source files — no browser tab required.
Describe your app in plain English — PromptFloe builds and returns complete source files.
Diff-aware editing. Only changed files are rewritten, so edits are fast and precise.
One tool call deploys to Vercel, Netlify, Cloudflare, or GitHub from inside the chat.
fast (15 s), standard (60–90 s), or pro (90–180 s, best models). Pass it with every call.
#Quick setup
Get your API key
Open /settings/api → Generate key. Copy the pf_... token.
Edit claude_desktop_config.json
Open the Claude Desktop config file:
• macOS: ~/Library/Application Support/Claude/claude_desktop_config.json
• Windows: %APPDATA%\Claude\claude_desktop_config.json
{
"mcpServers": {
"promptfloe": {
"command": "npx",
"args": ["-y", "@promptfloe/mcp-server"],
"env": {
"PROMPTFLOE_API_KEY": "pf_your_key_here"
}
}
}
}Restart Claude Desktop
Quit and reopen Claude Desktop. The PromptFloe icon appears in the toolbar — you're connected.
#Tools reference
Six tools are available once connected. Every tool returns structured JSON.
| Field | Type | Description |
|---|---|---|
| generate_app | prompt, tier?, template_id?, wait_for_completion? | Run the full PromptFloe pipeline. Returns all source files when complete. |
| get_generation_status | app_id | Poll an ongoing generation. Returns status + files when complete. |
| edit_app | app_id, prompt, tier?, wait_for_completion? | Diff-aware edit — only rewritten files are returned. |
| get_app_files | app_id, paths? | Retrieve source files. Filter to specific paths or get all. |
| deploy_app | app_id, platform, project_name? | Deploy to vercel | netlify | cloudflare | github. |
| list_apps | limit?, cursor? | List your generated apps with live status. |
Model tiers
| Field | Type | Description |
|---|---|---|
| fast | ~15 s | Fastest tier. Simple edits, copy changes, colour tweaks. |
| standard | 60–90 s | Full multi-page apps. Default. |
| pro | 90–180 s | Maximum quality. Complex apps, best design, most accurate code. |
#Built-in prompt templates
Type /mcp in your AI client and select a PromptFloe prompt template to pre-fill the conversation with the right parameters.
| Field | Type | Description |
|---|---|---|
| build_saas_app | product_name, core_feature, target_user?, style? | Scaffold landing page + auth + dashboard + billing. Tier: pro. |
| build_dashboard | domain, metrics, data_source? | Analytics dashboard with KPI cards, charts, and data tables. |
| add_feature | app_id, feature, details? | Add a specific feature to an existing app without breaking anything. |
| improve_ui_quality | app_id, style_reference? | Upgrade visual design — spacing, color tokens, interactions, empty states. |
#Custom prompt examples
You don't need templates — just describe the app naturally. These examples show the kind of prompts that produce great results.
SaaS starter
Build a SaaS app called "Trackr" for freelancers to log billable hours.
Features:
- Time tracker with start/stop button and notes field
- Weekly summary table: client, hours, rate, total
- Invoice generator (PDF download placeholder)
- Auth with email + Google OAuth
- Dark mode by default
Tech: Next.js 14 + TypeScript + shadcn/ui + Tailwind. Tier: pro.E-commerce product page
Build a product detail page for a headphone brand.
- Hero: large image gallery with thumbnail strip (use Unsplash headphone photos)
- Sticky purchase panel: variant selector (color/size), price, add-to-cart button
- Specs table, reviews section (3 mock reviews), related products grid
- Mobile-first, clean white design
Single React page. No routing needed. Tier: standard.Internal tool / admin panel
Build an order management dashboard for a small e-commerce team.
Data: mock array of 20 orders (id, customer, product, status, date, amount).
Panels:
1. KPI row: total revenue, orders today, avg order value, pending count
2. Orders table: sortable by date/amount, filterable by status, row click = drawer with details
3. Status donut chart (Recharts)
4. Top customers list (top 5 by spend)
Sidebar nav: Orders | Customers | Reports | Settings (stubs).
Dark theme. Tier: standard.#MCP resources (file browser)
Generated files are exposed as MCP resources — browse them without a tool call:
app:///<app_id> # app metadata
app:///<app_id>/files/src/App.tsx # individual file
app:///<app_id>/files/package.json # any pathIn Claude Desktop, click the paperclip → Resources to browse your apps.
#Getting your API key
- Sign in to PromptFloe and go to
/settings/api. - Click Generate API key.
- Copy the key — it's only shown once.
- Paste it as
PROMPTFLOE_API_KEYin your MCP config.
You can create multiple keys (e.g. one per device) and revoke them individually from the same settings page.
Generate apps via Slack, Telegram, Teams, or WhatsApp.
One-click deploy to Vercel, Netlify, and Cloudflare.