Liga o Claude, o ChatGPT ou o Cursor ao criador de apps com IA por MCP
O servidor MCP do Chattee é um servidor remoto do Model Context Protocol que permite a assistentes de IA como o Claude Code, o Claude.ai, o Cursor, o Codex e o ChatGPT criar, alterar, implementar e publicar apps web completas no Chattee.
Como ligo o meu assistente ao servidor MCP do Chattee?
Escolhe o teu assistente abaixo e copia uma linha ou um URL. Claude, ChatGPT, Cursor e Claude Desktop iniciam sessão com a tua conta Chattee, sem chave para colar; no Claude Code é um comando e um início de sessão no navegador. Codex, scripts e o Agent SDK usam um token de acesso pessoal. Demora uns dois minutos.
Não precisas de token: inicias sessão com a tua conta Chattee
Adiciona o Chattee uma vez para o teu utilizador, para estar em todos os projetos, e depois inicia sessão. Dentro do Claude Code, /mcp também inicia a sessão.
1 · Adicionar o servidor
claude mcp add --transport http chattee --scope user https://chattee.ai/mcp/connect
2 · Iniciar sessão
claude mcp login chattee
Partilhas a configuração com uma equipa? Usa um .mcp.json
Faz commit deste ficheiro na raiz do repositório. Não contém nenhum token: o Claude Code lê o de cada pessoa da variável de ambiente CHATTEE_PAT.
.mcp.json na raiz do repositório
{
"mcpServers": {
"chattee": {
"type": "http",
"url": "https://chattee.ai/mcp/connect",
"headers": {
"Authorization": "Bearer ${CHATTEE_PAT}"
}
}
}
}
Este código lê o teu token de CHATTEE_PAT. Cria um, e a página Assistentes de IA mostra-te esta configuração outra vez, já com o teu token, uma única vez.
Obter a skill do Chattee (SKILL.md, em inglês) Guarda-a como ~/.claude/skills/chattee/SKILL.md, e o Claude Code fica a saber quando e como usar o Chattee.
Não precisas de token: inicias sessão com a tua conta Chattee
Adiciona o Chattee como conector personalizado e passa a estar em todas as conversas: na web, no Claude Desktop e nas apps móveis. Funciona em todos os planos; o plano gratuito permite um conector personalizado. Os menus têm os nomes da interface em inglês.
- Abre Customize → Connectors, clica em + e escolhe Add custom connector.
- Cola o URL abaixo e clica em Add.
- Clica em Connect, inicia sessão no Chattee e aprova.
URL do conector
https://chattee.ai/mcp/connect
Descarregar a skill do Chattee (.zip, em inglês) Carrega-a em Customize → Skills e ativa-a, e o Claude fica a saber quando e como usar o Chattee.
Não precisas de token: inicias sessão com a tua conta Chattee
O Claude Desktop usa os teus conectores do Claude: se já adicionaste o Chattee em claude.ai, o conector já está na app. Para o adicionares a partir da app:
- Abre Customize → Connectors, clica em + e escolhe Add custom connector.
- Cola o URL abaixo e clica em Add.
- Clica em Connect, inicia sessão no Chattee e aprova.
URL do conector
https://chattee.ai/mcp/connect
Descarregar a skill do Chattee (.zip, em inglês) Carrega-a em Customize → Skills (é o mesmo sítio que no Claude.ai) e ativa-a.
Não precisas de token: inicias sessão com a tua conta Chattee
Um clique instala o Chattee no Cursor, que depois te pede para iniciares sessão. Preferes um ficheiro? As mesmas linhas vão para ~/.cursor/mcp.json.
~/.cursor/mcp.json
{
"mcpServers": {
"chattee": {
"url": "https://chattee.ai/mcp/connect"
}
}
}
Obter a skill do Chattee (SKILL.md, em inglês) Guarda-a como ~/.cursor/skills/chattee/SKILL.md, e o agente do Cursor fica a saber quando e como usar o Chattee.
Usa um token de acesso pessoal
O Codex CLI liga-se com um token de acesso pessoal, lido da variável de ambiente CHATTEE_PAT. Adiciona o servidor com um comando ou em ~/.codex/config.toml.
Adicionar o servidor
codex mcp add chattee --url https://chattee.ai/mcp/connect --bearer-token-env-var CHATTEE_PAT
Ou em ~/.codex/config.toml
[mcp_servers.chattee]
url = "https://chattee.ai/mcp/connect"
bearer_token_env_var = "CHATTEE_PAT"
Este código lê o teu token de CHATTEE_PAT. Cria um, e a página Assistentes de IA mostra-te esta configuração outra vez, já com o teu token, uma única vez.
Obter a skill do Chattee (SKILL.md, em inglês) Guarda-a como ~/.agents/skills/chattee/SKILL.md, e o Codex fica a saber quando e como usar o Chattee.
Não precisas de token: inicias sessão com a tua conta Chattee
O ChatGPT liga-se por OAuth no Developer mode, na web e com um plano pago; num espaço de trabalho Business ou Enterprise, pode ser preciso que um administrador o autorize. Os menus têm os nomes da interface em inglês.
- Ativa o Developer mode em Settings → Security and login.
- Abre ChatGPT Plugins, clica em +, dá à ligação o nome Chattee e cola o URL abaixo como URL do servidor.
- Inicia sessão no Chattee e aprova; depois, numa conversa, escolhe Developer mode no menu + e seleciona o Chattee.
URL do servidor
https://chattee.ai/mcp/connect
Usa um token de acesso pessoal
Um agente criado com o Claude Agent SDK passa o Chattee nas opções de query(), com um token de acesso pessoal lido de CHATTEE_PAT. Deixa a decisão de approve_plan a uma pessoa.
Opções de query()
mcpServers: {
chattee: {
type: "http",
url: "https://chattee.ai/mcp/connect",
headers: { Authorization: "Bearer " + process.env.CHATTEE_PAT },
},
}
Este código lê o teu token de CHATTEE_PAT. Cria um, e a página Assistentes de IA mostra-te esta configuração outra vez, já com o teu token, uma única vez.
Obter a skill do Chattee (SKILL.md, em inglês) Coloca-a no teu projeto como .claude/skills/chattee/SKILL.md; se definires settingSources, inclui "project".
Início de sessão OAuth 2.1 ou token de acesso pessoal
Qualquer cliente MCP que suporte servidores remotos por Streamable HTTP: aponta-o para o URL abaixo e inicia sessão com OAuth 2.1, ou envia um token de acesso pessoal num cabeçalho Authorization: Bearer.
URL do servidor
https://chattee.ai/mcp/connect
Cria um token, e a página Assistentes de IA mostra-to uma única vez, pronto a colar no teu cliente.
Obter a skill do Chattee (SKILL.md, em inglês) Se o teu cliente lê Agent Skills, adiciona-a como a documentação dele indica.
URL do servidor https://chattee.ai/mcp/connect
Criar apps com IA: o que pode o teu assistente fazer com o Chattee?
Tudo o que o builder faz, na tua conversa: o teu assistente cria um projeto a partir de uma descrição, transmite-te o plano do Chattee, acompanha a construção, dá-te a pré-visualização do Rascunho, publica em Ao vivo, usa modelos, edita ficheiros e configuração, e lê a base de dados. Apps web completas, com autenticação e armazenamento, não meras demos.
Criar e alterar apps
Uma descrição torna-se um plano, e o plano torna-se uma app implementada. Os pedidos seguintes vão para a mesma conversa, no modo Plano ou Editar.
Aprovar planos
Cada plano chega-te completo. O teu assistente só aprova depois de dizeres que sim, ou envia de volta o teu feedback.
Publicar em Ao vivo
Do Rascunho para Ao vivo numa chamada: é construída uma versão, os dados são copiados na primeira publicação e o URL de Ao vivo volta para ti.
Modelos
Começa um projeto a partir de um modelo, ou congela uma app terminada como modelo e publica-a para todos.
Ficheiros e configuração
Lê e escreve ficheiros, define variáveis de ambiente, adiciona base de dados, autenticação, armazenamento ou e-mail como recursos geridos.
Diagnóstico
Registos da execução e da implementação, saída dos contentores, histórico de versões e o teu saldo de créditos, quando algo precisa de atenção.
Como funciona
Três passos, contigo em cada decisão: descreves a app ao teu assistente, o Chattee planeia-a e tu aprovas o plano na tua conversa, e depois o Chattee constrói-a, implementa-a e aloja-a, e o teu assistente entrega-te a pré-visualização. Os planos e as decisões sobre dinheiro ficam contigo; o assistente só os transmite.
Descreve a app
No Claude, no Cursor, no Codex ou no ChatGPT: o que faz, para quem, o que tem de ter. Junta uma especificação ou uma captura de ecrã, se quiseres.
Revê o plano na tua conversa
O Chattee responde com um plano: módulos, base de dados, autenticação, páginas. O teu assistente mostra-to completo; aprovas ou pedes alterações.
Recebe a app pronta
O Chattee constrói-a em 5–90 minutos e verifica-a num navegador; o teu assistente devolve-te a pré-visualização do Rascunho. Diz «publica» e recebes o URL de Ao vivo.
-
Tu:
Constrói um portal de alunos para o meu centro de explicações, o Brightpath Tutoring. Os alunos iniciam sessão e veem as suas próprias notas e assiduidade, e carregam lá os seus trabalhos. Quando um aluno entrega um trabalho, quero receber um e-mail sobre isso. Publica-o quando funcionar.
- Ferramentas do Chattee chamadas:
create_projectrunningwait_for_runawaiting_input
-
Claude:
Já comecei o portal de alunos do Brightpath Tutoring. Antes de escrever o plano, o planeador do Chattee precisa das tuas respostas a duas perguntas: como é que os alunos obtêm contas, e que estilo combina com o Brightpath Tutoring.
-
Tu:
Registo livre para os alunos. Quanto ao aspeto, escolhe o azul académico e sereno (azul-marinho e branco). Os e-mails de notificação devem ir para anna@brightpath.example.
- Ferramentas do Chattee chamadas:
answer_question×2runningwait_for_run×2awaiting_approval
-
Claude:
Passei as tuas respostas: registo livre, e azul académico e sereno, em azul-marinho e branco. O Chattee escreveu o plano e está à espera da tua aprovação. Ainda não foi construído nada.
Plano do Chattee, à espera da tua aprovação
Módulos
- Back-end Node.js
- Front-end React
Recursos geridos, criados na aprovação
- Base de dados Postgres
- Início de sessão
- Armazenamento de ficheiros
-
Tu:
Este plano está ótimo e corresponde ao que eu queria. Para a lista de e-mails de administração, usa para já anna@brightpath.example; os e-mails dos outros dois professores acrescento eu mais tarde. Aprovado, podes avançar com a construção.
- Ferramentas do Chattee chamadas:
approve_plandeployingset_env_varswait_for_run×16paused_timeoutget_projectget_run_logslist_resourcesget_release_statuscontinue_runrunningwait_for_run×4completedlist_env_varspublish_projectget_release_status
-
Claude:
O portal de alunos do Brightpath Tutoring está construído e online: https://brightpath-tutoring.chattee.ai. Os alunos registam-se, veem apenas as suas próprias notas e assiduidade e carregam os seus trabalhos; cada entrega envia-te um e-mail. Todos os testes automáticos passaram. A construção ultrapassou uma vez o limite de tempo, e retomei-a dentro da margem que já tinha. Os e-mails começam a sair assim que ligares o Brevo, o Mailchimp ou o Amazon SES no separador Dados.
-
Tu:
Agradeço-te por pores isto online! Eu trato de ligar um fornecedor de e-mail no separador Dados.
Vibe coding que chega à produção
Vibe coding é descrever o que queres e deixar a IA escrever o código. O difícil nunca foi o primeiro rascunho, mas o resto: alojamento, base de dados, início de sessão, e-mail, domínio e publicação segura. O Chattee trata de tudo isso por ti, e o vibe coding por MCP dá uma app real desde o primeiro dia.
Alojado na Alemanha, RGPD
Apps, bases de dados e ficheiros correm em servidores na Alemanha, ao abrigo do RGPD.
Alojamento com HTTPS
Cada app tem uma pré-visualização do Rascunho e um URL de Ao vivo em chattee.ai, com HTTPS, desde a primeira construção.
Postgres gerido
Uma base de dados por projeto, operada pelo Chattee e com cópias de segurança. O teu assistente pode consultá-la por MCP.
Início de sessão e contas de utilizador
Registo, início de sessão, reposição da palavra-passe e magic links. Os teus utilizadores são uma tabela que a tua app pode juntar com JOIN.
Armazenamento de ficheiros
Uploads que sobrevivem a cada reconstrução. Os ficheiros públicos têm um URL; os privados nunca.
E-mail transacional através da tua própria conta Brevo, Mailchimp ou SES. A chave nunca entra na app.
O teu próprio domínio
Põe a app Ao vivo no teu próprio domínio quando estiveres pronto.
Rascunho e Ao vivo
Constrói no Rascunho, publica em Ao vivo, volta a uma versão anterior. Ao vivo tem a sua própria base de dados.
Variáveis de ambiente encriptadas
Chaves de API e definições, encriptadas e definidas por ambiente.
Começa pelas ferramentas gratuitas para uma especificação, um esquema ou uma estimativa de custos, passa a descrição ao teu assistente e lê o que é vibe coding se o termo for novo para ti.
Como o Chattee por MCP se compara com outros criadores de apps com IA
Os agentes de programação escrevem bom código, mas deixam-te alojamento, base de dados, início de sessão e e-mail; a maioria dos criadores de apps com IA vive no seu próprio chat. O Chattee por MCP junta os dois: o teu assistente comanda um builder que cria essa infraestrutura, implementa e aloja a app e só constrói o que aprovaste.
| Funcionalidade | Chattee por MCP | O teu agente de programação sozinho | Agente de programação + uma stack montada por ti | Criadores de apps no próprio chat |
|---|---|---|---|---|
| Começar a partir do Claude, ChatGPT, Cursor ou Codex | Sim | Sim | Sim | Em parte alguns com um conector |
| Alojamento com HTTPS, online com uma chamada | Sim | Não | Em parte ligar um alojamento | Sim |
| Postgres criado para cada projeto | Sim | Não | Em parte uma conta à parte | Sim normalmente |
| Início de sessão e contas de utilizador | Sim | Não | Em parte um fornecedor à parte | Sim normalmente |
| Armazenamento de ficheiros | Sim | Não | Em parte um serviço à parte | Em parte varia |
| E-mail pelo teu próprio fornecedor, sem a chave dentro da app | Sim | Não | Em parte ligas tu | Em parte varia |
| Ambientes Rascunho e Ao vivo com reversão | Sim | Não | Em parte pré-visualizações; os dados ficam contigo | Em parte varia |
| O teu próprio domínio | Sim | Não | Sim através do teu alojamento | Sim |
| Um plano que aprovas antes de se construir seja o que for | Sim em cada execução | Em parte se pedires | Em parte se pedires | Em parte varia |
| Verificado num navegador real antes de o veres | Sim | Em parte ferramentas extra | Em parte ferramentas extra | Em parte varia |
| Alojado na Alemanha, ao abrigo do RGPD | Sim | Em parte onde implementares | Em parte uma região por serviço | Em parte varia |
| Contas e faturas para manter a app a funcionar | Uma | Ainda nada funciona | 3–5 | Uma |
- Incluído
- Em parte, ou com trabalho extra
- Não incluído
Preços e limites
Ligar é grátis. Construir gasta os créditos do teu plano Chattee, como no navegador, e o plano gratuito inclui créditos para começar. Uma execução por projeto de cada vez, 120 chamadas de ferramentas por minuto e utilizador, e uma execução que atinge o orçamento fica em pausa; o teu assistente só o aumenta até um total que tu indiques.
Ver os planosPerguntas frequentes
O ChatGPT consegue criar-me uma app?
Sim. Ativa o Developer mode no ChatGPT, adiciona o Chattee como ligação em ChatGPT Plugins, inicia sessão e descreve a app. O ChatGPT transmite-te o plano do Chattee, tu aprova-lo, o Chattee constrói, implementa e aloja a app, e o ChatGPT entrega-te a pré-visualização e o URL de Ao vivo.
Preciso de um plano pago do ChatGPT?
Sim. O ChatGPT liga-se a um servidor MCP como o Chattee através do Developer mode, que a OpenAI oferece nos planos pagos (Plus, Pro, Business, Enterprise e Edu) e só na web; num espaço de trabalho Business, Enterprise ou Edu, pode ser preciso que um administrador o autorize primeiro. Ligar o Chattee não custa nada; construir gasta os créditos do teu plano Chattee.
Que assistentes de IA podem usar o Chattee?
O Claude Code, o Claude.ai, o Claude Desktop e as apps móveis do Claude, o Cursor, o Codex CLI, o ChatGPT, e qualquer agente criado com o Claude Agent SDK ou outro cliente MCP que fale Streamable HTTP.
O Chattee funciona com o VS Code, o Gemini CLI ou o Windsurf?
Deve funcionar: todos suportam servidores MCP remotos por Streamable HTTP, que é exatamente o que o Chattee é, com início de sessão OAuth 2.1 ou um token de acesso pessoal. Ainda não os testámos, por isso a documentação cobre os clientes acima; aponta o teu para https://chattee.ai/mcp/connect e inicia sessão, ou envia um token num cabeçalho Bearer.
O que é um servidor MCP, em palavras simples?
Um serviço que um assistente de IA pode chamar, com um conjunto fixo de ações que entende. O Model Context Protocol é a língua comum, por isso um servidor funciona com qualquer assistente que a fale; em inglês chama-se MCP server. O servidor do Chattee oferece 35 ações: criar um projeto, aprovar um plano, publicar e por aí fora.
O que é um conector do Claude, e é o mesmo que um servidor MCP?
Um conector é a forma como o Claude.ai, o Claude Desktop e as apps do Claude chegam a um servidor MCP: adicionas o URL do servidor como conector personalizado, inicias sessão uma vez, e as ferramentas dele aparecem nas tuas conversas. O conector do Chattee é o seu servidor MCP em https://chattee.ai/mcp/connect; o Claude Code adiciona o mesmo servidor com um comando.
Preciso de instalar alguma coisa?
Não. O servidor corre em chattee.ai. Adicionas o URL dele ao teu cliente, ou corres um comando no Claude Code ou no Codex, e inicias sessão.
A ligação é segura?
Sim. Os clientes iniciam sessão com OAuth 2.1 e PKCE ou usam um token de acesso pessoal com permissões delimitadas. Os tokens são guardados em hash, e podes revogar a qualquer momento na página Assistentes de IA qualquer token ou app ligada. Cada chamada é verificada face às suas permissões e passa pelas mesmas verificações de segurança do builder.
Onde ficam alojadas as minhas apps e os meus dados?
Na Alemanha. O Chattee corre as tuas apps, as bases de dados delas e os ficheiros carregados em servidores na Alemanha e trata os teus dados ao abrigo do RGPD. A conversa em si fica com o fornecedor do teu assistente, nos termos dele; o Chattee recebe apenas as chamadas às ferramentas.
Quanto custa?
Ligar é gratuito. Construir gasta os créditos do teu plano, tal como no navegador; o plano gratuito inclui créditos para começar. O teu assistente nunca compra créditos e aumenta o orçamento de uma execução em pausa só até um total que tu indiques. Uma pausa sobre a qual ninguém decide termina sozinha ao fim de 30 minutos, e o trabalho fica guardado.
Também implementa a app?
Sim. Cada plano aprovado é construído e implementado numa pré-visualização do Rascunho em chattee.ai, e ao publicares a app passa para Ao vivo, num URL em chattee.ai ou no teu próprio domínio, com a base de dados, a autenticação e o armazenamento de ficheiros que vêm com ela.
Funciona em português?
Sim. O builder e esta página existem em português, e podes descrever a tua app em português. As respostas do próprio servidor MCP estão em inglês; o teu assistente transmite-tas na tua língua.
Liga o teu assistente ao criador de apps com IA
Dois minutos de configuração, e o teu assistente constrói, implementa e publica no Chattee, enquanto tu aprovas cada plano.