Floot

Crie, implante e hospede aplicativos web e mobile full-stack a partir do Claude ou ChatGPT: banco de dados, autenticação, pagamentos, domínios personalizados.

Servidor MCP hospedado

npx add-mcp 'https://mcp.floot.com/mcp'

Instala no Claude Code, Codex, Cursor e outros

Documentação

Floot

Conector MCP Floot

Crie aplicativos full-stack Floot a partir do Claude e do ChatGPT.

Crie, edite e publique aplicativos full-stack — com banco de dados real, autenticação e e-mail —
sem sair do seu chat de IA. Funciona com sua assinatura existente do Claude ou ChatGPT, não com créditos Floot.

Model Context Protocol Clients Beta

Conectar · Recursos · Prompts · Perguntas frequentes


🔗 URL do servidor

https://mcp.floot.com/mcp

[!TIP] A URL deve terminar em /mcp. O domínio raiz não conectará.

Ele se conecta pelo Model Context Protocol (MCP) — o padrão aberto para dar aos assistentes de IA acesso a ferramentas. Vá de uma conversa de design direto para um aplicativo ao vivo.


⚠️ Antes de conectar

[!IMPORTANT] Um cliente conectado age com sua conta Floot. Leia isto primeiro.

🔓 Acesso total à contaUma vez conectado, o cliente pode ler e modificar qualquer projeto na sua conta Floot — não apenas um único projeto.
📊 Usa seu consumo do Claude ou ChatGPTCriar, editar e publicar contam contra sua assinatura do Claude ou ChatGPT — não créditos Floot. Apenas a geração de imagens usa uma pequena quantidade de créditos Floot.
🌐 Publicar torna os aplicativos públicosPublicar retorna uma URL pública e ao vivo que qualquer pessoa com o link pode abrir.
🔒 Segredos permanecem no FlootChaves de API e credenciais são inseridas somente em floot.com — nunca são mostradas à IA.

✅ Pré-requisitos

RequisitoDetalhes
Conta FlootQualquer conta Floot funciona — gratuita ou paga.
ClaudeUm plano Pro, Max, Team ou Enterprise (necessário para adicionar um conector personalizado).
ChatGPTUm plano com conectores / modo de desenvolvedor disponível.

🔌 Conectar

Adicione o Floot como um conector personalizado colando a URL do servidor. Escolha seu cliente abaixo.

Claude

  1. No Claude, abra Configurações → Personalizar → Conectores. (Plano Pro, Max, Team ou Enterprise necessário para adicionar um conector personalizado.)
  2. Clique em + e escolha Adicionar conector personalizado.
  3. Cole a URL do servidor Floot https://mcp.floot.com/mcp e clique em Adicionar.
  4. O Claude abre uma janela do navegador — entre no Floot para autorizar a conexão.
  5. Em qualquer chat, clique em + → Conectores e ative Floot.

[!NOTE] O Floot usa OAuth 2.0 — suas credenciais Floot nunca são compartilhadas com o Claude.

No Team ou Enterprise? Um proprietário da organização adiciona o Floot uma vez em Configurações da organização → Conectores → Adicionar → Personalizado → Web, e então cada membro clica em Conectar.

ChatGPT

  1. No ChatGPT, abra Configurações → Conectores (ative o modo de desenvolvedor se seu plano exigir).
  2. Escolha Adicionar / Criar → conector personalizado (servidor MCP).
  3. Cole a URL do servidor Floot https://mcp.floot.com/mcp e confirme.
  4. Uma janela do navegador abre — entre no Floot para autorizar a conexão (OAuth 2.0).
  5. Em um chat, ative o conector Floot e comece a criar.

[!NOTE] Assim que o Floot estiver listado nos diretórios do Claude e do ChatGPT, você poderá adicioná-lo com um clique pesquisando "Floot" — sem necessidade de URL.

Outros clientes MCP (Cursor, VS Code, Windsurf, …)

O Floot é um servidor MCP remoto padrão, então qualquer cliente compatível com MCP pode se conectar. Claude e ChatGPT são oficialmente suportados hoje; suporte para mais clientes está a caminho.

Cursor atualmente precisa da ponte mcp-remote, porque seu callback OAuth usa um esquema de URI personalizado que o servidor ainda não aceita. A ponte autentica via http://localhost em vez disso. Adicione clients/cursor-mcp-remote.json a ~/.cursor/mcp.json (global) ou .cursor/mcp.json (por projeto):

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

Assim que o OAuth remoto nativo for suportado em todos os lugares, você poderá usar a configuração direta em clients/cursor.json e esta instalação com um clique:

Add to Cursor

Configurações prontas para colar para outros clientes estão em clients/:

ClienteConfiguração
VS Code (GitHub Copilot)clients/vscode.json → .vscode/mcp.json
Windsurfclients/windsurf.json → ~/.codeium/windsurf/mcp_config.json
Claude Desktop (fallback de arquivo de configuração)clients/claude-desktop.json → claude_desktop_config.json
Qualquer cliente MCPclients/generic.json

🧰 O que o Floot pode fazer

Uma vez conectado, seu assistente de IA pode usar estas ferramentas em seu nome.

📁 Projetos e códigoCrie projetos, leia e edite arquivos, pesquise no código e gerencie dependências.
🗄️ Banco de dadosProvisione Postgres, execute SQL, inspecione o esquema e consulte os dados do seu aplicativo.
🚀 Pré-visualizar e publicarObtenha uma URL de pré-visualização ao vivo, publique em uma URL pública e verifique o status da publicação.
🐞 Depurar e verificarLeia logs, execute verificações de tipos e testes, e inspecione o aplicativo em execução no navegador.
🖼️ RecursosGere imagens e envie arquivos para um projeto.
📚 GuiasGuias integrados ensinam ao assistente o sistema de design e os primitivos do Floot para uma saída de maior qualidade.

💬 Experimente estes prompts

Crie um aplicativo Floot chamado "Feedback Hub" com um formulário que salva respostas em um banco de dados.

Adicione uma página de login ao meu projeto Floot.

Publique meu projeto e me dê a URL ao vivo.

Algo está falhando no meu aplicativo — leia os logs e corrija.


🛠️ Solução de problemas e perguntas frequentes

"Houve um problema ao conectar"

Certifique-se de que a URL termina em /mcp — o endereço completo é https://mcp.floot.com/mcp. O domínio raiz não conectará corretamente.

As ferramentas do Floot não aparecem

Confirme que você concluiu a etapa de entrada no Floot e que o conector está ativado para o chat atual (Claude: + → Conectores). Se necessário, remova e adicione novamente o conector para reautorizar.

Isso usa créditos Floot?

Não — o trabalho de IA roda na sua própria assinatura do Claude ou ChatGPT, então criar e editar não gasta créditos Floot. A única exceção é a geração de imagens, que usa uma pequena quantidade de créditos. (Limites para contas gratuitas ainda estão sendo finalizados.)

Quais clientes são suportados?

Claude (Desktop no macOS/Windows e claude.ai) e ChatGPT. Outros clientes MCP, como Cursor, podem se conectar via ponte acima; suporte nativo mais amplo está a caminho.

É estável?

O conector está em beta. Nomes de ferramentas, parâmetros e comportamento podem mudar enquanto iteramos.


📖 O que é MCP?

O Model Context Protocol é um padrão aberto que permite que aplicativos de IA se conectem a ferramentas e dados externos por meio de uma interface única. Uma conexão MCP Floot dá ao seu assistente as ferramentas para estruturar, criar e hospedar aplicativos full-stack diretamente do seu chat.

📁 Estrutura do repositório

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