Build and host full-stack apps with your own AI. Connect the Floot MCP server to Claude, Cursor, ChatGPT, and any MCP client.
Overview
Build full-stack Floot apps from Claude & ChatGPT. Create, edit, and publish full-stack apps — with a real database, authentication, and email — without leaving your AI chat. Runs on your existing Claude or ChatGPT subscription, not Floot credits. The URL must end in . The root domain will not connect. It connects over the Model Context Protocol (MCP) — the open standard for giving AI assistants access to tools. Go from a design conversation straight to a live app. Add Floot as a custom connector by pasting the server URL. Pick your client below. 1. In Claude, open . (Pro, Max, Team, or Enterprise plan required to add a custom connector.) 2. Click and choose . 3. Paste the Floot server URL https://mcp.floot.com/mcp and click . 4. Claude opens a browser window — to authorize the connection. 5. In any chat, click and enable . Floot uses — your Floot credentials are never shared with Claude. An organization Owner adds Floot once under , then each member clicks . 1.
README
Floot MCP Connector
Build full-stack Floot apps from Claude & ChatGPT.
Create, edit, and publish full-stack apps — with a real database, authentication, and email — without leaving your AI chat. Runs on your existing Claude or ChatGPT subscription, not Floot credits.
Connect · Capabilities · Prompts · FAQ
🔗 Server URL
https://mcp.floot.com/mcp
[!TIP] The URL must end in
/mcp. The root domain will not connect.
It connects over the Model Context Protocol (MCP) — the open standard for giving AI assistants access to tools. Go from a design conversation straight to a live app.
⚠️ Before you connect
[!IMPORTANT] A connected client acts with your Floot account. Please read this first.
| 🔓 Full account access | Once connected, the client can read and modify any project in your Floot account — not just a single project. |
| 📊 Runs on your Claude or ChatGPT usage | Building, editing, and publishing count against your Claude or ChatGPT subscription — not Floot credits. Only image generation uses a small amount of Floot credits. |
| 🌐 Publishing makes apps public | Publishing returns a live, public URL that anyone with the link can open. |
| 🔒 Secrets stay on Floot | API keys and credentials are entered on floot.com only — they are never shown to the AI. |
✅ Prerequisites
| Requirement | Details |
|---|---|
| Floot account | Any Floot account works — free or paid. |
| Claude | A Pro, Max, Team, or Enterprise plan (required to add a custom connector). |
| ChatGPT | A plan with connectors / developer mode available. |
🔌 Connect
Add Floot as a custom connector by pasting the server URL. Pick your client below.
- In Claude, open Settings → Customize → Connectors. (Pro, Max, Team, or Enterprise plan required to add a custom connector.)
- Click + and choose Add custom connector.
- Paste the Floot server URL
https://mcp.floot.com/mcpand click Add. - Claude opens a browser window — sign in to Floot to authorize the connection.
- In any chat, click + → Connectors and enable Floot.
[!NOTE] Floot uses OAuth 2.0 — your Floot credentials are never shared with Claude.
On Team or Enterprise? An organization Owner adds Floot once under Organization settings → Connectors → Add → Custom → Web, then each member clicks Connect.
- In ChatGPT, open Settings → Connectors (enable developer mode if your plan requires it).
- Choose Add / Create → custom connector (MCP server).
- Paste the Floot server URL
https://mcp.floot.com/mcpand confirm. - A browser window opens — sign in to Floot to authorize the connection (OAuth 2.0).
- In a chat, enable the Floot connector and start building.
[!NOTE] Once Floot is listed in the Claude and ChatGPT directories, you’ll be able to add it in one click by searching “Floot” — no URL needed.
🧰 What Floot can do
Once connected, your AI assistant can use these tools on your behalf.
| 📁 Projects & code | Create projects, read and edit files, search the codebase, and manage dependencies. |
| 🗄️ Database | Provision Postgres, run SQL, inspect the schema, and query your app’s data. |
| 🚀 Preview & publish | Get a live preview URL, publish to a public URL, and check publish status. |
| 🐞 Debug & verify | Read logs, run type checks and tests, and inspect the running app in the browser. |
| 🖼️ Assets | Generate images and upload files into a project. |
| 📚 Guides | Built-in guides teach the assistant Floot’s design system and primitives for higher-quality output. |
💬 Try these prompts
Create a Floot app called “Feedback Hub” with a form that saves responses to a database.
Add a login page to my Floot project.
Publish my project and give me the live URL.
Something’s failing in my app — read the logs and fix it.
🛠️ Troubleshooting & FAQ
📖 What is MCP?
The Model Context Protocol is an open standard that lets AI apps connect to external tools and data through a single interface. A Floot MCP connection gives your assistant the tools to scaffold, build, and host full-stack apps directly from your chat.
📁 Repository layout
clients/ Ready-to-paste config for MCP clients
mcp.json Generic MCP server definition
.cursor-plugin/plugin.json Cursor Marketplace plugin manifest
assets/logo.svg Logo
Install
npx -y mcp-remote https://mcp.floot.com/mcpConfiguration
{ "mcpServers": { "floot": { "command": "npx", "args": ["-y", "mcp-remote", "https://mcp.floot.com/mcp"] } } }