Servidor MCP
Conecta Claude, Cursor o ChatGPT a BannerMotion: 10 herramientas para generar, corregir, ver y exportar banners.
BannerMotion es también un servidor MCP (Model Context Protocol) remoto: un asistente de IA puede generar, corregir, ver, adaptar y exportar banners en tu nombre, con los mismos permisos y créditos que tienes en la app. El transporte es Streamable HTTP y la dirección es:
https://app.bannermotion.com/mcpNota. Es la dirección que declara nuestra documentación para el servidor. [PLACEHOLDER: confirmar el dominio definitivo; más adelante también estará en mcp.bannermotion.com]
Conectar un cliente
- Claude.ai (web y escritorio): en «Settings → Connectors → Add custom connector» pega la dirección y pulsa Connect. Se abre BannerMotion para elegir el workspace. En planes de equipo, un administrador agrega el conector para la organización.
- Claude Code:
claude mcp add --transport http bannermotion https://app.bannermotion.com/mcpy, dentro de Claude Code,/mcp→ bannermotion → Authenticate. - Cursor: copia el JSON de la derecha a
~/.cursor/mcp.json(o.cursor/mcp.jsondel proyecto) y conecta desde «Settings → MCP». - ChatGPT: «Settings → Apps & Connectors → Advanced → Developer mode → Create», con la dirección y autenticación OAuth.
Autenticación
- OAuth 2.1 (lo recomendado): el cliente se registra solo, abre la pantalla «Conectar una aplicación», eliges el workspace y apruebas. Usa PKCE. El acceso dura
1hora y se renueva solo (el refresco dura30días). La conexión aparece en tu cuenta como una sesión «MCP · cliente» y se desconecta cerrándola. Si el workspace exige verificación en dos pasos, actívala antes de conectar. - Clave de API
bm_live_…enAuthorization: Bearer …. Sus permisos limitan las herramientas. Las clavesbm_test_…no sirven con MCP.
Claude Code con clave de API
claude mcp add --transport http bannermotion https://app.bannermotion.com/mcp \
--header "Authorization: Bearer $BM_API_KEY"Las 10 herramientas
HerramientaQué hacePermiso de la clave
list_campaignsLista las campañas del workspace, con tamaños, idiomas y piezas.
read
list_bannersLista los conceptos de una campaña, con sus piezas y el estado de aprobación.
read
generate_bannerGenera un concepto desde un pedido en lenguaje natural. Devuelve el trabajo; con
wait_seconds espera a que termine. Gasta créditos.generate
get_jobEstado de un trabajo (en cola, en curso, terminado o fallido), con espera opcional.
read
edit_bannerCorrige un concepto con una instrucción, opcionalmente solo en algunos tamaños. Gasta créditos.
generate
preview_bannerUna imagen de un cuadro y un enlace firmado (
1 hora) para ver la animación completa.read
add_sizesAdapta un concepto a tamaños nuevos. Gasta créditos por tamaño.
generate
export_bannersEmpaqueta una campaña para una plataforma y devuelve enlaces de descarga firmados (
1 hora).export
get_exportEstado de una exportación y, si está lista, un enlace de descarga nuevo.
export
get_credit_balanceSaldo, plan, renovación y costo de cada operación por modelo.
read
El flujo típico es generate_banner → get_job hasta que termine → preview_banner → edit_banner o add_sizes → export_banners → compartir el enlace de descarga. Son 10 herramientas; las de solo lectura están marcadas como tales para el cliente.
Las reglas son las de la app
- Si el workspace exige aprobación antes de exportar, o falta la URL de destino (
clickTag), la herramienta lo dice y no exporta. confirm_unapproved(exportar piezas sin aprobar, con marca de agua) solo funciona si te conectaste por OAuth con rol Admin o Propietario; con una clave de API siempre daforbidden.- Los errores vuelven como texto para el asistente: una pista, el código entre corchetes y el mensaje del servidor.
- Cada llamada cuenta para el límite de
60peticiones por minuto. [PLACEHOLDER: confirmar el valor en producción]
Nota. Planes que incluyen el servidor MCP: [PLACEHOLDER: por confirmar]. La API REST y los webhooks están en Equipo, Agencia y Empresa.
AutenticaciónClaves bm_live_ y bm_test_, permisos y buenas prácticas para usar la API.Plugin de Figma y másEl plugin de Figma, la skill de Claude Code y la configuración de Cursor: qué hace cada uno y en qué estado está.
¿Te sirvió esta página?