Floot

本地服务

floot.com开发工具316 周前更新

文档代码仓库访问官网

关于 Floot

Floot MCP Connector 让 Claude、ChatGPT 和其他 MCP 客户端在聊天中构建和管理 Floot 全栈应用。它提供项目、数据库、调试和发布工具；应用操作使用已连接的 Claude 或 ChatGPT 订阅。

主要功能

01创建和编辑应用项目及文件
02配置 Postgres 并运行 SQL
03预览和发布应用
04查看日志并运行测试
05生成和上传图像资源
06使用内置设计与开发指南

适用场景

01通过聊天构建应用
02添加身份验证或数据库表单
03利用日志和测试排查错误
04发布项目并获取公开网址

MCP 相关

它是位于 `https://mcp.floot.com/mcp` 的远程 MCP 服务，通过 OAuth 2.0 授权访问 Floot 账户。它向 MCP 客户端提供构建、编辑、测试和发布应用的工具。

配置

本地服务的配置在各客户端中通用，复制后粘贴到客户端的 MCP 配置文件即可。

mcp.json · 通用配置

{
  "mcpServers": {
    "floot": {
      "command": "npx",
      "args": [
        "-y",
        "mcp-remote"
      ]
    }
  }
}

启动命令npx -y mcp-remote

本地服务需要在你的电脑上安装运行环境（如 Node.js 18+）。各客户端的配置文件位置不同，请参考客户端文档。

安装包

npmmcp-remotestdio

工具

还没有获取到工具列表

本地服务需要在你的电脑上运行后才能读取工具，维护者暂未提供工具列表。

详细介绍

Floot MCP 连接器

通过 Claude 和 ChatGPT 构建全栈 Floot 应用。

创建、编辑和发布全栈应用 — 具备真实数据库、身份验证和电子邮件功能 —
无需离开 AI 聊天。使用你现有的 Claude 或 ChatGPT 订阅，而非 Floot 积分。

连接 · 功能 · 提示词 · 常见问题

🔗 服务 URL

https://mcp.floot.com/mcp

提示

URL 必须以 /mcp 结尾。根域名无法连接。

它通过模型上下文协议（MCP）连接 — 这是一项开放标准，可让 AI 助手使用工具。从设计讨论直接构建并发布应用。

⚠️ 连接前须知

重要

连接后的客户端将以你的 Floot 账户身份操作。 请先阅读以下内容。


🔓 完整账户访问权限	连接后，客户端可以读取和修改你 Floot 账户中的任何项目，而非仅限于单个项目。
📊 消耗 Claude 或 ChatGPT 使用额度	构建、编辑和发布操作会计入你的 Claude 或 ChatGPT 订阅额度，而非 Floot 积分。只有图像生成会消耗少量 Floot 积分。
🌐 发布后应用将公开	发布后会生成一个公开的在线 URL，任何拥有该链接的人都可以访问。
🔒 密钥保留在 Floot 上	API 密钥和凭据仅在 floot.com 上输入 — AI 永远不会看到它们。

✅ 前提条件

要求	详情
Floot 账户	任何 Floot 账户均可使用 — 免费或付费账户皆可。
Claude	需要 Pro、Max、Team 或 Enterprise 套餐（添加自定义连接器的必要条件）。
ChatGPT	需要支持连接器／开发者模式的套餐。

🔌 连接

粘贴服务 URL，将 Floot 添加为自定义连接器。请在下方选择你的客户端。

在 Claude 中，打开 Settings → Customize → Connectors。 （添加自定义连接器需要 Pro、Max、Team 或 Enterprise 套餐。）
点击 +，然后选择 Add custom connector。
粘贴 Floot 服务 URL https://mcp.floot.com/mcp，然后点击 Add。
Claude 会打开浏览器窗口 — 登录 Floot，以授权连接。
在任意聊天中，点击 + → Connectors，然后启用 Floot。

说明

Floot 使用 OAuth 2.0 — 你的 Floot 凭据绝不会与 Claude 共享。

使用 Team 或 Enterprise 套餐？ 组织所有者只需在 Organization settings → Connectors → Add → Custom → Web 中添加一次 Floot，然后每位成员点击 Connect 即可。

在 ChatGPT 中，打开 Settings → Connectors（如果你的套餐要求，请启用 developer mode）。
选择 Add / Create → custom connector (MCP server)。
粘贴 Floot 服务 URL https://mcp.floot.com/mcp 并确认。
浏览器窗口会打开——登录 Floot 以授权连接（OAuth 2.0）。
在聊天中启用 Floot 连接器，然后开始构建。

说明

Floot 列入 Claude 和 ChatGPT 目录后，你就可以通过搜索 “Floot” 一键添加，无需 URL。

其他 MCP 客户端（Cursor、VS Code、Windsurf、…）

Floot 是标准的远程 MCP 服务，因此任何支持 MCP 的客户端都可以连接。目前官方支持 Claude 和 ChatGPT，更多客户端即将支持。

Cursor 目前需要 mcp-remote 桥接工具，因为它的 OAuth 回调使用了服务尚未接受的自定义 URI 方案。该桥接工具改用 http://localhost 进行身份验证。将 clients/cursor-mcp-remote.json 添加到 ~/.cursor/mcp.json（全局）或 .cursor/mcp.json（按项目）：

{ "mcpServers": { "floot": { "command": "npx", "args": ["-y", "mcp-remote", "https://mcp.floot.com/mcp"] } } }

所有平台都支持原生远程 OAuth 后，你就可以使用 clients/cursor.json 中的直接配置和以下一键安装方式：

其他客户端可直接粘贴的配置位于 clients/：

客户端	配置
VS Code（GitHub Copilot）	`clients/vscode.json` → `.vscode/mcp.json`
Windsurf	`clients/windsurf.json` → `~/.codeium/windsurf/mcp_config.json`
Claude Desktop（配置文件备用方案）	`clients/claude-desktop.json` → `claude_desktop_config.json`
任意 MCP 客户端	`clients/generic.json`

🧰 Floot 可以做什么

连接后，你的 AI 助手可以代表你使用这些工具。


📁 项目与代码	创建项目、读取和编辑文件、搜索代码库，以及管理依赖项。
🗄️ 数据库	配置 Postgres、运行 SQL、检查架构，以及查询应用数据。
🚀 预览与发布	获取实时预览 URL、发布到公共 URL，以及查看发布状态。
🐞 调试与验证	读取日志、运行类型检查和测试，以及在浏览器中检查正在运行的应用。
🖼️ 素材	生成图像并将文件上传到项目中。
📚 指南	内置指南帮助助手了解 Floot 的设计系统和基础组件，从而生成更高质量的内容。

💬 试试这些提示词

创建一个名为 “Feedback Hub” 的 Floot 应用，其中包含一个将反馈保存到数据库的表单。

为我的 Floot 项目添加一个登录页面。

发布我的项目并提供实时 URL。

我的应用出了问题——读取日志并修复。

🛠️ 故障排除与常见问题

“连接时出现问题”

请确保 URL 以 /mcp 结尾——完整地址为 https://mcp.floot.com/mcp。根域名无法正确连接。

看不到 Floot 工具

请确认已完成 Floot 登录步骤，并且已为当前聊天启用连接器（Claude：+ → 连接器）。如有需要，请移除并重新添加连接器以重新授权。

会使用 Floot 点数吗？

不会——AI 工作由你自己的 Claude 或 ChatGPT 订阅提供，因此构建和编辑不会消耗 Floot 点数。唯一例外是图像生成，它会消耗少量点数。（免费账户的限制仍在最终确定中。）

支持哪些客户端？

Claude（macOS/Windows 桌面版和 claude.ai）和 ChatGPT。其他 MCP 客户端（如 Cursor）可通过上文的桥接方式连接；更多原生支持即将推出。

它稳定吗？

该连接器目前处于 beta 阶段。随着我们不断迭代，工具名称、参数和行为可能会发生变化。

📖 什么是 MCP？

模型上下文协议是一项开放标准，可让 AI 应用通过统一接口连接外部工具和数据。Floot MCP 连接可让你的助手直接通过聊天获取搭建脚手架、构建和托管全栈应用所需的工具。

📁 仓库结构

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

支持 Markdown

登录后评论