Conecta Claude, ChatGPT o Cursor al creador de apps con IA por MCP
El servidor MCP de Chattee es un servidor remoto del Model Context Protocol con el que asistentes de IA como Claude Code, Claude.ai, Cursor, Codex y ChatGPT crean, cambian, despliegan y publican apps web completas en Chattee.
¿Cómo conecto mi asistente al servidor MCP de Chattee?
Elige tu asistente abajo y copia una línea o una URL. Claude, ChatGPT, Cursor y Claude Desktop inician sesión con tu cuenta de Chattee, sin claves que pegar; Claude Code es un comando más un inicio de sesión en el navegador. Codex, los scripts y el Agent SDK usan un token de acceso personal. Son unos dos minutos.
Sin token: inicias sesión con tu cuenta de Chattee
Añade Chattee una vez para tu usuario, así lo tendrás en todos tus proyectos, y luego inicia sesión. Dentro de Claude Code, también puedes iniciar sesión con /mcp.
1 · Añadir el servidor
claude mcp add --transport http chattee --scope user https://chattee.ai/mcp/connect
2 · Iniciar sesión
claude mcp login chattee
¿Compartes la configuración con un equipo? Usa un .mcp.json
Sube este archivo a la raíz del repositorio. No contiene ningún token: Claude Code lee el de cada persona de la variable de entorno CHATTEE_PAT.
.mcp.json en la raíz del repositorio
{
"mcpServers": {
"chattee": {
"type": "http",
"url": "https://chattee.ai/mcp/connect",
"headers": {
"Authorization": "Bearer ${CHATTEE_PAT}"
}
}
}
}
El fragmento lee tu token de CHATTEE_PAT. Crea uno y la página Asistentes de IA te vuelve a mostrar esta configuración con tu token ya puesto, una sola vez.
Obtener la skill de Chattee (SKILL.md, en inglés) Guárdala como ~/.claude/skills/chattee/SKILL.md y Claude Code sabrá cuándo y cómo usar Chattee.
Sin token: inicias sesión con tu cuenta de Chattee
Añade Chattee como conector personalizado y estará en todos tus chats: en la web, en Claude Desktop y en las apps móviles. Funciona en todos los planes; el plan Free permite un conector personalizado. Los menús se llaman como en la interfaz en inglés.
- Abre Customize → Connectors, haz clic en + y elige Add custom connector.
- Pega la URL de abajo y haz clic en Add.
- Haz clic en Connect, inicia sesión en Chattee y aprueba.
URL del conector
https://chattee.ai/mcp/connect
Descargar la skill de Chattee (.zip, en inglés) Súbela en Customize → Skills y actívala, y Claude sabrá cuándo y cómo usar Chattee.
Sin token: inicias sesión con tu cuenta de Chattee
Claude Desktop usa tus conectores de Claude, así que uno que hayas añadido en claude.ai ya está en la app. Los menús se llaman como en la interfaz en inglés. Para añadirlo desde la app:
- Abre Customize → Connectors, haz clic en + y elige Add custom connector.
- Pega la URL de abajo y haz clic en Add.
- Haz clic en Connect, inicia sesión en Chattee y aprueba.
URL del conector
https://chattee.ai/mcp/connect
Descargar la skill de Chattee (.zip, en inglés) Súbela en Customize → Skills (vale también para Claude.ai) y actívala.
Configuración completa de Claude Desktop en la documentación
Sin token: inicias sesión con tu cuenta de Chattee
Un clic instala Chattee en Cursor, que luego te pide iniciar sesión. ¿Prefieres un archivo? Las mismas líneas van en ~/.cursor/mcp.json.
~/.cursor/mcp.json
{
"mcpServers": {
"chattee": {
"url": "https://chattee.ai/mcp/connect"
}
}
}
Obtener la skill de Chattee (SKILL.md, en inglés) Guárdala como ~/.cursor/skills/chattee/SKILL.md y el agente de Cursor sabrá cuándo y cómo usar Chattee.
Usa un token de acceso personal
Codex CLI se conecta con un token de acceso personal, que lee de la variable de entorno CHATTEE_PAT. Añade el servidor con un comando o en ~/.codex/config.toml.
Añadir el servidor
codex mcp add chattee --url https://chattee.ai/mcp/connect --bearer-token-env-var CHATTEE_PAT
O en ~/.codex/config.toml
[mcp_servers.chattee]
url = "https://chattee.ai/mcp/connect"
bearer_token_env_var = "CHATTEE_PAT"
El fragmento lee tu token de CHATTEE_PAT. Crea uno y la página Asistentes de IA te vuelve a mostrar esta configuración con tu token ya puesto, una sola vez.
Obtener la skill de Chattee (SKILL.md, en inglés) Guárdala como ~/.agents/skills/chattee/SKILL.md y Codex sabrá cuándo y cómo usar Chattee.
Sin token: inicias sesión con tu cuenta de Chattee
ChatGPT se conecta por OAuth en el Developer mode, en la web y con un plan de pago; en un espacio de trabajo Business o Enterprise, puede que un administrador tenga que permitirlo. Los menús se llaman como en la interfaz en inglés.
- Activa el Developer mode en Settings → Security and login.
- Abre ChatGPT Plugins, haz clic en +, ponle a la conexión el nombre Chattee y pega la URL de abajo como URL del servidor.
- Inicia sesión en Chattee y aprueba; luego, en un chat, elige Developer mode en el menú + y selecciona Chattee.
URL del servidor
https://chattee.ai/mcp/connect
Usa un token de acceso personal
Un agente creado con el Claude Agent SDK pasa Chattee en las opciones de query(), con un token de acceso personal leído de CHATTEE_PAT. Deja que una persona decida en approve_plan.
Opciones de query()
mcpServers: {
chattee: {
type: "http",
url: "https://chattee.ai/mcp/connect",
headers: { Authorization: "Bearer " + process.env.CHATTEE_PAT },
},
}
El fragmento lee tu token de CHATTEE_PAT. Crea uno y la página Asistentes de IA te vuelve a mostrar esta configuración con tu token ya puesto, una sola vez.
Obtener la skill de Chattee (SKILL.md, en inglés) Ponla en tu proyecto como .claude/skills/chattee/SKILL.md; si defines settingSources, incluye "project".
Configuración completa de Claude Agent SDK en la documentación
Inicio de sesión OAuth 2.1 o un token de acceso personal
Cualquier cliente MCP que admita servidores remotos por Streamable HTTP: apúntalo a la URL de abajo y luego inicia sesión con OAuth 2.1 o envía un token de acceso personal como cabecera Authorization: Bearer.
URL del servidor
https://chattee.ai/mcp/connect
Crea un token y la página Asistentes de IA te lo muestra una sola vez, listo para pegarlo en tu cliente.
Obtener la skill de Chattee (SKILL.md, en inglés) Si tu cliente lee Agent Skills, añádela como indique su documentación.
Configuración completa de Otro cliente MCP en la documentación
URL del servidor https://chattee.ai/mcp/connect
Crear apps con IA: ¿qué puede hacer tu asistente con Chattee?
Lo mismo que el builder, desde tu chat: tu asistente crea el proyecto, te transmite el plan, sigue la construcción, te da la vista previa del Borrador, la pasa a En vivo, usa plantillas, edita archivos, configura la app y lee la base de datos. Apps completas, con base de datos, inicio de sesión y archivos, no demos.
Crear y cambiar apps
Una descripción se convierte en un plan, y el plan en una app desplegada. Los cambios posteriores van al mismo chat, en modo plan o edición.
Aprobar planes
Cada plan te llega completo. Tu asistente solo lo aprueba cuando has dicho que sí, o devuelve tus comentarios.
Publicar en una URL En vivo
Del Borrador a En vivo con una llamada: se construye una versión, los datos se copian en la primera publicación y vuelve la URL En vivo.
Plantillas
Empieza un proyecto a partir de una plantilla, o congela una app terminada como plantilla y publícala para todos.
Archivos y configuración
Leer y escribir archivos, definir variables de entorno y añadir base de datos, inicio de sesión, almacenamiento o correo como recursos gestionados.
Diagnóstico
Registros de ejecución, registros de despliegue, salida de los contenedores, historial de versiones y tu saldo de créditos, cuando algo necesita una revisión.
Cómo funciona
Tres pasos, y cada decisión pasa por ti: describes la app a tu asistente, Chattee la planifica y tú apruebas el plan en tu chat; luego Chattee la construye, la despliega y la aloja, y tu asistente te entrega la vista previa. Los planes y las decisiones de dinero son tuyos; el asistente solo te los transmite.
Describe la app
En Claude, Cursor, Codex o ChatGPT: qué hace, para quién y qué debe tener. Adjunta una especificación o una captura de pantalla si quieres.
Revisa el plan en tu chat
Chattee responde con un plan: módulos, base de datos, inicio de sesión, páginas. Tu asistente te lo muestra completo; lo apruebas o pides cambios.
Recibe la app en marcha
Chattee la construye en 5–90 minutos y la comprueba en un navegador; tu asistente te devuelve la vista previa del Borrador. Di «publícala» y recibes la URL En vivo.
-
Tú:
Crea un portal para los estudiantes de mi academia de tutorías, Brightpath Tutoring. Los estudiantes inician sesión y ven sus propias calificaciones y su asistencia, y suben allí sus tareas. Cuando un estudiante entregue una tarea, quiero recibir un correo. Publícalo cuando funcione.
- Llamadas a herramientas de Chattee:
create_projectrunningwait_for_runawaiting_input
-
Claude:
He empezado tu portal para estudiantes de Brightpath Tutoring. Antes de escribir el plan, el planificador de Chattee necesita tus respuestas a dos preguntas: cómo obtienen su cuenta los estudiantes y qué estilo encaja con Brightpath Tutoring.
-
Tú:
Registro abierto para los estudiantes. En cuanto al aspecto, quédate con el azul académico sereno (azul marino y blanco). Los correos de aviso deben ir a anna@brightpath.example.
- Llamadas a herramientas de Chattee:
answer_question×2runningwait_for_run×2awaiting_approval
-
Claude:
He transmitido tus respuestas: registro abierto y azul académico sereno, en azul marino y blanco. Chattee ha escrito su plan y espera tu aprobación. Todavía no se ha construido nada.
Plan de Chattee, pendiente de tu aprobación
Módulos
- Backend Node.js
- Frontend React
Recursos gestionados, aprovisionados al aprobar
- Base de datos Postgres
- Inicio de sesión
- Correo electrónico
- Almacenamiento de archivos
-
Tú:
El plan tiene muy buena pinta y es justo lo que quería. Para la lista de correos de administración, de momento usa anna@brightpath.example; los correos de los otros dos profesores los añadiré yo más adelante. Aprobado, adelante con la construcción.
- Llamadas a herramientas de Chattee:
approve_plandeployingset_env_varswait_for_run×16paused_timeoutget_projectget_run_logslist_resourcesget_release_statuscontinue_runrunningwait_for_run×4completedlist_env_varspublish_projectget_release_status
-
Claude:
El portal para estudiantes de Brightpath Tutoring está construido y publicado: https://brightpath-tutoring.chattee.ai. Los estudiantes se registran, ven solo sus propias calificaciones y su asistencia, y suben sus tareas; cada entrega te envía un correo. Todas las pruebas automáticas han pasado. La construcción superó una vez su límite de tiempo, y la reanudé dentro de la asignación que ya tenía. Los correos saldrán en cuanto conectes Brevo, Mailchimp o Amazon SES en la pestaña Datos.
-
Tú:
¡Gracias por publicarlo! Ya conecto yo un proveedor de correo en la pestaña Datos.
Vibe coding que llega a producción
Vibe coding significa describir lo que quieres y que la IA escriba el código. Lo difícil nunca fue el primer borrador, sino hosting, base de datos, inicio de sesión, correo, dominio y publicar sin riesgos. Chattee lo aprovisiona todo en cada app de tu asistente, y tu vibe coding por MCP da apps reales desde el primer día.
Alojado en Alemania, RGPD
Las apps, las bases de datos y los archivos funcionan en servidores en Alemania, bajo el RGPD.
Hosting con HTTPS
Cada app tiene una vista previa del Borrador y una URL En vivo en chattee.ai, con HTTPS, desde la primera construcción.
Postgres gestionado
Una base de datos por proyecto, gestionada por Chattee y con copias de seguridad. Tu asistente puede consultarla por MCP.
Inicio de sesión y cuentas de usuario
Registro, inicio de sesión, restablecimiento de contraseña y enlaces mágicos. Tus usuarios son una tabla con la que tu app puede hacer JOIN.
Almacenamiento de archivos
Subidas que sobreviven a cada reconstrucción. Los archivos públicos tienen una URL; los privados, nunca.
Correo
Correo transaccional a través de tu propia cuenta de Brevo, Mailchimp o SES. Su clave nunca entra en la app.
Tu propio dominio
Lleva la app En vivo a tu propio dominio cuando quieras.
Borrador y En vivo
Construye en el Borrador, pásalo a En vivo al publicar y vuelve a una versión anterior si hace falta. En vivo tiene su propia base de datos.
Variables de entorno cifradas
Claves de API y ajustes, cifrados y definidos por entorno.
Empieza con las herramientas gratuitas para una especificación, un esquema o una estimación de costes, pasa la descripción a tu asistente y lee qué es el vibe coding si el término es nuevo para ti.
En qué se diferencia Chattee por MCP de otros creadores de apps con IA
Los agentes de programación escriben buen código, pero te dejan hosting, base de datos, inicio de sesión y correo; casi todos los creadores de apps con IA se usan desde su propio chat. Chattee por MCP une ambos: tu asistente dirige un builder que aprovisiona esa infraestructura, despliega y aloja la app, y solo construye planes que aprobaste.
| Función | Chattee por MCP | Solo tu agente de programación | Agente de programación + un stack que montas tú | Creadores de apps en su propio chat |
|---|---|---|---|---|
| Empezar desde Claude, ChatGPT, Cursor o Codex | Sí | Sí | Sí | En parte algunos añaden un conector |
| Hosting con HTTPS, en línea con una sola llamada | Sí | No | En parte conectas un hosting | Sí |
| Postgres aprovisionado por proyecto | Sí | No | En parte una cuenta aparte | Sí normalmente |
| Inicio de sesión y cuentas de usuario | Sí | No | En parte un proveedor aparte | Sí normalmente |
| Almacenamiento de archivos | Sí | No | En parte un servicio aparte | En parte depende |
| Correo a través de tu propio proveedor, sin su clave en la app | Sí | No | En parte lo integras tú | En parte depende |
| Entornos Borrador y En vivo, con vuelta a una versión anterior | Sí | No | En parte vistas previas; los datos, cosa tuya | En parte depende |
| Tu propio dominio | Sí | No | Sí a través de tu hosting | Sí |
| Un plan que apruebas antes de construir nada | Sí en cada ejecución | En parte si lo pides | En parte si lo pides | En parte depende |
| Comprobado en un navegador real antes de que lo veas | Sí | En parte herramientas extra | En parte herramientas extra | En parte depende |
| Alojado en Alemania, bajo el RGPD | Sí | En parte donde despliegues | En parte una región por servicio | En parte depende |
| Cuentas y facturas para que la app funcione | Una | Aún no funciona nada | 3–5 | Una |
- Incluido
- En parte, o con trabajo extra
- No incluido
Precios y límites
Conectar es gratis. Construir consume los créditos de tu plan, como en el navegador, y el plan gratuito trae créditos para empezar. Una ejecución por proyecto a la vez, 120 llamadas a herramientas por minuto y usuario, y la ejecución que agota su presupuesto se pausa; tu asistente lo sube solo hasta un total que tú indiques.
Ver los planesPreguntas frecuentes
¿Puede ChatGPT crearme una app?
Sí. Activa el Developer mode en ChatGPT, añade Chattee como conexión en ChatGPT Plugins, inicia sesión y describe la app. ChatGPT te transmite el plan de Chattee, tú lo apruebas, Chattee construye, despliega y aloja la app, y ChatGPT te entrega la vista previa y la URL En vivo.
¿Necesito un plan de pago de ChatGPT?
Sí. ChatGPT se conecta a un servidor MCP como Chattee a través de su Developer mode, que OpenAI ofrece en sus planes de pago (Plus, Pro, Business, Enterprise y Edu) y solo en la web; en un espacio de trabajo Business, Enterprise o Edu, puede que un administrador tenga que permitirlo antes. Conectar Chattee no cuesta nada; construir consume los créditos de tu plan de Chattee.
¿Qué asistentes de IA pueden usar Chattee?
Claude Code, Claude.ai, Claude Desktop y las apps móviles de Claude, Cursor, Codex CLI, ChatGPT y cualquier agente creado con el Claude Agent SDK u otro cliente MCP que hable Streamable HTTP.
¿Funciona Chattee con VS Code, Gemini CLI o Windsurf?
Debería: los tres admiten servidores MCP remotos por Streamable HTTP, y Chattee es uno de ellos, con inicio de sesión OAuth 2.1 o un token de acceso personal. No los hemos probado nosotros, así que la documentación cubre los clientes de arriba; apunta el tuyo a https://chattee.ai/mcp/connect e inicia sesión, o envía un token como cabecera Bearer.
¿Qué es un servidor MCP, en palabras sencillas?
Un servicio al que un asistente de IA puede llamar, con un conjunto fijo de acciones que entiende. El Model Context Protocol es el idioma común, así que un mismo servidor funciona con cualquier asistente que lo hable; en inglés se le llama MCP server. El servidor de Chattee ofrece 35 acciones: crear un proyecto, aprobar un plan, publicar, entre otras.
¿Qué es un conector de Claude y es lo mismo que un servidor MCP?
Un conector es la forma en que Claude.ai, Claude Desktop y las apps de Claude llegan a un servidor MCP: añades la URL del servidor como conector personalizado, inicias sesión una vez y sus herramientas aparecen en tus chats. El conector de Chattee es su servidor MCP en https://chattee.ai/mcp/connect; Claude Code añade el mismo servidor con un solo comando.
¿Tengo que instalar algo?
No. El servidor funciona en chattee.ai. Añades su URL a tu cliente, o ejecutas un comando en Claude Code o Codex, e inicias sesión.
¿Es segura la conexión?
Sí. Los clientes inician sesión con OAuth 2.1 y PKCE o usan un token de acceso personal con permisos limitados; los tokens se guardan como hash y los puedes revocar en cualquier momento en la página Asistentes de IA. Cada llamada se comprueba contra sus permisos y pasa los mismos controles de seguridad que en el builder.
¿Dónde se alojan mis apps y mis datos?
En Alemania. Chattee aloja tus apps, sus bases de datos y sus archivos subidos en servidores de Alemania y trata tus datos conforme al RGPD. La conversación en sí se queda con el proveedor de tu asistente, bajo sus propias condiciones; Chattee solo recibe las llamadas a herramientas.
¿Cuánto cuesta?
Conectar es gratis. Construir consume los créditos de tu plan, exactamente igual que en el navegador; el plan gratuito incluye créditos para empezar. Tu asistente nunca compra créditos, y sube el presupuesto de una ejecución en pausa solo hasta un total que tú indiques. Una pausa sobre la que nadie decide termina sola tras 30 minutos, y el trabajo se conserva.
¿También puede desplegar la app?
Sí. Cada plan aprobado se construye y se despliega en una vista previa del Borrador en chattee.ai, y al publicar pasa a una URL En vivo o a tu propio dominio, con la base de datos, el inicio de sesión y el almacenamiento de archivos que la acompañan.
¿Funciona en español?
Sí. El builder y esta página están en español, y puedes describir tu app en español. Las respuestas del propio servidor MCP están en inglés; tu asistente te las transmite en tu idioma.
Conecta tu asistente al creador de apps con IA
Dos minutos de configuración y tu asistente construye, despliega y publica en Chattee, mientras tú apruebas cada plan.