Si lanzas producto, ya conoces el hueco: la función anda, la landing está escrita y ahora te falta un video principal, una cabecera para el README y un clip para el anuncio. Normalmente eso implica salir del editor, abrir otra herramienta, volver con el archivo y perder buena parte de la concentración. Esta guía cierra ese hueco. Agrega el servidor MCP de 8frame a Cursor o Claude Code y generas imágenes y video desde la misma ventana donde escribes código.
El servidor MCP de 8frame expone generación y edición de imágenes, eliminación de fondo, escalado de imágenes, video y música. Cursor y Claude Code son clientes MCP, así que, una vez que el servidor está en su configuración, el agente de código puede llamarlo como a cualquier otra herramienta. Describes el recurso en el panel de chat, 8frame lo genera y el resultado vuelve como un enlace a un archivo. Abajo tienes la configuración de cada uno, los casos de uso de desarrollo donde encaja y la realidad de la latencia, para que sepas cuándo recurrir a esto y cuándo no.
Lo que vas a poder hacer desde el editor
Los pasos centrales del canvas: generar una imagen fija, animarla, editar un fotograma existente, escalar una imagen. La diferencia es que lo haces en línea con tu build, con menos ajustes por modelo de los que ofrece el canvas. Lo que más buscan los desarrolladores:
- Clips promocionales de lanzamiento para el post del lanzamiento, la página del producto o los anuncios que llevan a tu ficha en la tienda (las vistas previas de las tiendas tienen reglas más estrictas, que vemos más abajo).
- Visuales de cabecera para el README y la documentación que presentan una función; el recorrido de cómo funciona sigue siendo una grabación de pantalla.
- Videos principales para la landing del sitio de marketing que mantienes en el mismo monorepo.
- Recursos para redes en el lanzamiento cuando publicas una versión y necesitas algo para el anuncio.
El costo sale de tus créditos de 8frame a los precios del conector, sin una tarifa aparte por MCP. Los primeros que encuentra un desarrollador: una imagen de Nano Banana cuesta 6 créditos (el conector ejecuta Nano Banana Classic, no Nano Banana 2 ni Pro), un clip de 5 segundos de Kling v3 Standard con sonido, 86 (por el conector, Kling es solo v3 Standard y necesita una imagen inicial), y un clip de Veo de 8 segundos, 448 en Veo 3.1 Standard, que es el valor por defecto de Veo en el conector (la herramienta Veo del canvas abre en Fast), 168 en Fast y 54 en Lite. Pide el nivel por su nombre. La lista completa de precios, herramienta por herramienta, está en cómo generar video con IA desde Claude.
Agrega el servidor a Cursor
Cursor lee los servidores MCP de un archivo mcp.json: ~/.cursor/mcp.json para un servidor global disponible en todos los proyectos, o .cursor/mcp.json dentro de un repo para uno limitado a ese proyecto. Agrega 8frame en mcpServers:
{
"mcpServers": {
"8frame": {
"url": "https://mcp.8frame.co/mcp"
}
}
}
La documentación de Cursor ubica los servidores MCP en Customize, en la barra lateral, donde cada servidor se activa o desactiva con un interruptor; comprueba que 8frame esté activo y que aparezcan sus herramientas. Cursor admite OAuth para los servidores que lo requieren, y 8frame lo requiere: inicias sesión en tu cuenta de 8frame la primera vez que lo usas, para que las generaciones se cobren a tus créditos. Por defecto, Cursor te pide aprobación antes de usar una herramienta MCP, así que cada generación espera tu visto bueno antes de gastar créditos.
Agrega el servidor a Claude Code
Claude Code agrega servidores MCP remotos por HTTP con un solo comando:
claude mcp add --transport http 8frame https://mcp.8frame.co/mcp
Sin una opción de alcance, el servidor se agrega con alcance local: solo este proyecto y solo para ti. Agrega --scope user para registrarlo una vez en todos tus proyectos, o --scope project para escribirlo en .mcp.json en la raíz del proyecto y compartirlo con tu equipo a través del control de versiones. Verifica con:
claude mcp list
Después ejecuta /mcp dentro de Claude Code y sigue los pasos en el navegador para iniciar sesión en tu cuenta de 8frame. Hecho eso, pídele a Claude Code que genere directamente en tu sesión. La referencia completa del servidor y la vía de Connectors de claude.ai (para escribir prompts fuera de un editor) están en 8frame.co/mcp.
Dónde vale la pena
Fichas de tienda: alrededor de la vista previa, no dentro. Las App Store Review Guidelines de Apple (2.3.4) dicen que las vistas previas "may only use video screen captures of the app itself" (solo pueden usar capturas de video de la propia app), así que el material generado no va en una vista previa de la App Store. La guía de Google Play para videos de vista previa dice "Aim for at least 80% of the video to be representative of the user experience" (procura que al menos el 80% del video represente la experiencia del usuario) y pide limitar el "pre-rendered or promotional content" (contenido prerrenderizado o promocional). Los clips generados encajan en todo lo que rodea al lanzamiento y lleva a la ficha: el post del lanzamiento, la página del producto, los anuncios.
Visuales para el README. Un clip generado no puede mostrar tu interfaz real, así que la parte de un README que explica cómo funciona sigue siendo una grabación de pantalla o un GIF. Un clip o una imagen generados pueden ir encima, como cabecera del lanzamiento o de la página de documentación. Genéralo mientras tienes la función fresca en la cabeza, enlázalo en el README y sigue adelante.
Video principal de la landing. Si mantienes el sitio de marketing en el mismo repo, puedes generar el clip principal sin salir del editor. Itera el brief en el panel de chat, genera un par de opciones, elige una y publica.
Redes el día del lanzamiento. Cuando sacas una versión, muchas veces quieres un clip para el hilo del anuncio. Pide tres o cuatro variaciones verticales a partir de una imagen 9:16 y tienes un set para probar ganchos: la imagen a 6 créditos más cuatro clips de Kling v3 Standard a 86 cada uno suman 350 créditos, unos US$ 3.50.
Un ejemplo completo desde Claude Code
Supongamos que acabas de fusionar una función y quieres un video principal para la landing. En la sesión de Claude Code:
"Genera con Nano Banana una imagen fotorrealista 16:9 de una laptop elegante sobre un escritorio minimalista con luz suave de mañana y la pantalla encendida. Después anímala con Kling en un acercamiento lento de 5 segundos."
Claude Code llama a la herramienta de Nano Banana para la imagen (6 créditos), se la pasa a Kling como imagen inicial (86 con sonido) y devuelve los enlaces a los archivos. Total: 92 créditos, unos US$ 0.92. Revisaste el concepto en texto, gastaste dos generaciones y no abriste ninguna otra app. Para un clip solo a partir de texto, nombra un modelo de texto a video: "usa Veo 3.1 Lite" cuesta 54 créditos por 8 segundos con sonido, mientras que "Veo" a secas ejecuta Standard, a 448.
Pedir una versión 4K del clip no va a funcionar: 8frame no tiene escalador de video, y los escaladores del conector solo aceptan imágenes. Puedes escalar la imagen antes de animarla, pero el clip vuelve en la resolución propia del modelo (720p en Kling v3 Standard).
Compartir la configuración con tu equipo
Si todo tu equipo trabaja en el mismo repo, haz commit de una configuración a nivel de proyecto para que nadie tenga que montarla por su cuenta. En Cursor, es .cursor/mcp.json en la raíz del repo con el bloque del servidor 8frame de arriba; quien abra el proyecto en Cursor toma el servidor de ese archivo e inicia sesión con su propia cuenta de 8frame la primera vez que lo usa. En Claude Code, ejecuta claude mcp add --transport http --scope project 8frame https://mcp.8frame.co/mcp, que escribe el servidor en .mcp.json en la raíz del proyecto; haz commit de ese archivo y Claude Code le pedirá a cada persona del equipo que apruebe el servidor del proyecto antes de usarlo.
Los créditos no se comparten: cada generación se cobra a la cuenta de quien la ejecuta. La ventaja práctica es que generar un recurso de lanzamiento deja de ser cosa de "la única persona que maneja la herramienta de diseño" y pasa a ser algo que cualquier ingeniero con un plan de 8frame puede hacer mientras ya está en el código. Un desarrollador de backend que lanza una API puede sacar un clip para el changelog sin escribirle a nadie. La entrada de 8frame solo contiene una URL, así que no tiene nada secreto; para otros servidores que necesitan claves, déjalas fuera de la configuración que subes al repo y usa la interpolación de variables de entorno del cliente.
Notas honestas sobre latencia y control de calidad
No es instantáneo. Son modelos generativos de verdad. Medido en 8frame (medianas de 120 días), un clip de 5 segundos de Kling v3 Standard, el Kling del conector, tarda alrededor de un minuto (60 segundos); una imagen de Seedream 5 Pro, el Seedream del conector, unos dos minutos (119 segundos); y un clip de Seedance 2.5 a 720p de 7 a 11 segundos, la versión de Seedance que ejecuta el conector, unos cinco minutos (296 segundos) (cuánto tarda generar video con IA). No tenemos un tiempo medido para Nano Banana Classic, el Nano Banana del conector, así que no damos ninguno. Si una generación pasa de 10 minutos, el conector devuelve un ID de tarea para consultarlo después. Eso funciona bien en un ciclo asíncrono de "genera mientras sigo programando", pero no esperes la velocidad del autocompletado.
Revisa a tamaño completo. El chat del editor te da un enlace al archivo. Para todo lo que se publica (un post de lanzamiento, un video principal público), abre el archivo y revísalo a tamaño completo. El video generativo puede producir detalles deformados, y una miniatura los esconde.
El editor es una puerta de entrada, no toda la superficie. La generación por configuración desde Cursor o Claude Code sirve para recursos puntuales e iteración rápida. Para una composición con varias referencias, un encuadre preciso o una plantilla de flujo de trabajo reutilizable que tu equipo usa una y otra vez, el lugar indicado es el canvas completo. Las peticiones por el conector además tienen un tope diario de créditos, como límite de seguridad para el gasto que dispara un agente; el canvas no lo tiene.
Preguntas frecuentes
¿Puedo generar video con IA desde Cursor?
Sí. Agrega https://mcp.8frame.co/mcp a ~/.cursor/mcp.json (o a .cursor/mcp.json en un proyecto) dentro de mcpServers, inicia sesión en 8frame la primera vez y pídele un clip al agente.
¿Cuánto cuesta un clip desde Claude Code? Los precios del conector: 86 créditos por un clip de 5 segundos de Kling v3 Standard a partir de una imagen inicial, 54 por un clip de 8 segundos de Veo 3.1 Lite con sonido y 448 por Veo 3.1 Standard, el valor por defecto de Veo en el conector.
¿Puedo usar Nano Banana Pro o Kling v3 Pro desde mi editor? No. Por el conector, Nano Banana es el modelo Classic (6 créditos) y Kling es v3 Standard (86 créditos por 5 segundos, a partir de una imagen inicial). Nano Banana 2 y Pro y Kling v3 Pro están en el canvas.
¿El servidor MCP puede escalar video? No. 8frame no tiene escalador de video; sus escaladores (Clarity, BRIA, Topaz) trabajan con imágenes.
Fuentes
- Rutas de configuración MCP de Cursor, interruptores de servidores en Customize, compatibilidad con OAuth, aprobación de herramientas por defecto e interpolación en la configuración: cursor.com/docs/context/mcp, consultada el 2026-10-01
claude mcp adden Claude Code, alcances,.mcp.json, aprobación de servidores del proyecto e inicio de sesión con/mcp: Claude Code docs, MCP, consultada el 2026-10-01- Vistas previas de la App Store limitadas a capturas de la app: App Store Review Guidelines, 2.3.4, consultada el 2026-10-01
- Guía de Google Play para videos de vista previa: Add preview assets to showcase your app, consultada el 2026-10-01
- Inicio de sesión en 8frame al conectar: 8frame.co/mcp, consultada el 2026-10-01
- Herramientas, modelos, valores por defecto, precios, tiempo máximo de espera y tope diario del conector: configuración del servidor MCP de 8frame, leída el 2026-10-01
- Valor por defecto de Veo en el canvas (Fast), modelos del canvas y cobro de créditos por usuario: registro de herramientas y código del back-end de 8frame, leídos el 2026-10-01
- Tiempos de generación: datos de producción de 8frame, solo lectura, medianas de 120 días hasta el 2026-09-30
Guías relacionadas
¿Prefieres escribir prompts fuera de un editor? Cómo generar video con IA desde Claude cubre la configuración con Connectors de claude.ai. ¿Estás construyendo un sistema automatizado en lugar de escribir prompts a mano? Cómo agregar generación de video a tu agente de IA trata el mismo servidor MCP como herramienta de un agente. Y si el protocolo es nuevo para ti, qué es MCP explica cómo se conecta todo esto.
Agrega el servidor MCP de 8frame a tu editor y genera desde donde ya trabajas, o empieza desde un tablero listo en los flujos de trabajo de 8frame.
Pruébalo sin registrarte: llegas directamente a un tablero real. El canvas de 8frame es gratuito e ilimitado; la generación es de pago desde US$ 19 al mes.