Cómo generar capturas del App Store desde Claude Code o Cursor

Para generar capturas de pantalla para el App Store desde Claude Code o Cursor, conecta un servidor MCP de capturas al agente y pídele las capturas para la tienda con tus propias palabras. Con Launch Shots, en Claude Code es una sola línea: claude mcp add --transport http launchshots https://www.launchshots.com/api/mcp. El agente lee tu código, reúne de tres a ocho de tus pantallas clave, las sube y, unos dos minutos después, te pasa un enlace con tres direcciones de diseño terminadas y editables.

Presentamos el servidor en Presentamos el servidor MCP de LaunchShots. Este artículo es su complemento práctico: la configuración para cada cliente, qué pasa en cada paso, prompts que funcionan y lo que suele marcar la diferencia entre un buen set y uno genérico.

¿Qué es un servidor MCP y por qué usarlo para las capturas?

El Model Context Protocol (MCP) es un estándar de código abierto para conectar aplicaciones de IA con sistemas externos. Un servidor MCP expone herramientas que un agente puede llamar, y cualquier cliente que hable el protocolo puede usarlas. Por eso el mismo endpoint de Launch Shots funciona en un agente de terminal, en un IDE y en una app de chat.

Las capturas encajan bien aquí porque lo difícil no son los píxeles. Lo difícil es saber qué hace la app, qué pantallas importan y cómo describirlas, y un agente de programación que está dentro de tu repositorio ya tiene casi todo ese contexto. Puede leer el README, encontrar las pantallas en el código y, si puede ejecutar un simulador, capturarlas.

Cómo añadir el servidor MCP de Launch Shots a tu agente

Estos son los fragmentos del nivel gratuito, tal cual aparecen en la página de documentación del servidor MCP. Si creas una clave de API, el mismo fragmento lleva además una cabecera Authorization; los ajustes de tu cuenta te dan la versión completa cuando la creas.

Claude Code

claude mcp add --transport http launchshots https://www.launchshots.com/api/mcp

Con una clave de API:

claude mcp add --transport http launchshots https://www.launchshots.com/api/mcp \
  --header "Authorization: Bearer ls_key_…"

Después escribe /mcp__launchshots__store_screenshots, o simplemente pide capturas para la tienda.

Cursor

En ~/.cursor/mcp.json:

{
  "mcpServers": {
    "launchshots": {
      "url": "https://www.launchshots.com/api/mcp"
    }
  }
}

VS Code

En .vscode/mcp.json:

{
  "servers": {
    "launchshots": {
      "type": "http",
      "url": "https://www.launchshots.com/api/mcp"
    }
  }
}

Si añades una clave aquí, deja el archivo fuera del control de versiones o mueve la clave a una variable de entrada. Este archivo vive en tu repositorio.

Windsurf, Codex CLI y Gemini CLI

Windsurf, en ~/.codeium/windsurf/mcp_config.json:

{
  "mcpServers": {
    "launchshots": {
      "serverUrl": "https://www.launchshots.com/api/mcp"
    }
  }
}

Codex CLI, en ~/.codex/config.toml:

[mcp_servers.launchshots]
url = "https://www.launchshots.com/api/mcp"

Gemini CLI, en ~/.gemini/settings.json:

{
  "mcpServers": {
    "launchshots": {
      "httpUrl": "https://www.launchshots.com/api/mcp"
    }
  }
}

Fíjate en que cada cliente llama de forma distinta a la clave de la URL (url, serverUrl, httpUrl), así que copia el fragmento de tu cliente en lugar de adaptar el de otro. Cualquier otro cliente que hable Streamable HTTP funciona solo con la URL. En Claude.ai y Claude Desktop es Ajustes, luego Conectores y luego Añadir conector personalizado; ahí todavía no se admiten cabeceras personalizadas, así que funciona en el nivel gratuito.

Qué hace el agente cuando le pides capturas

El servidor le dice al agente cómo trabajar, así que no tienes que hacerlo tú. Una ejecución típica va así:

1. Conoce la app. Lee el README, cualquier texto de la tienda que haya en el repositorio (fastlane/metadata o similar) y las pantallas principales en el código, y anota el nombre de la app, qué hace, para quién es y qué la diferencia.
2. Reúne de 3 a 8 capturas. Primero busca capturas recientes (fastlane/screenshots, screenshots/, docs/, assets/). Si no las hay, las hace con xcrun simctl io booted screenshot o adb exec-out screencap -p, navegando por su cuenta si puede o pidiéndote que abras las pantallas si no. Antes de subirlas, te enseña su lista.
3. Las sube y arranca el diseño. prepare_screenshot_upload devuelve una URL de subida por captura con comandos curl listos para ejecutar; generate_screenshot_set arranca el diseño y devuelve al instante el enlace de revisión.
4. Espera y te cuenta el resultado. get_screenshot_set espera al resultado y luego el agente te pasa el enlace y el titular escrito para cada pantalla.

Los agentes que no pueden ejecutar comandos de shell pueden enviar capturas pequeñas directamente en la llamada en lugar de subirlas. Hay dos herramientas más: get_account (en qué cuenta estás y cuánto te queda) y list_projects (proyectos recientes, con clave).

Qué recibes

El enlace de revisión abre una página con tu set en tres direcciones de arte. Las tres comparten los mismos titulares, escritos para cada pantalla a partir de lo que realmente aparece en ella y de la descripción que envió el agente. Eliges la dirección que te guste y se abre en el editor de Launch Shots como un proyecto normal.

No hay nada bloqueado. Cada titular, color y marco de dispositivo es editable, y el proyecto se exporta a todos los tamaños que piden App Store Connect y Google Play Console, o se publica directamente en ellos. Si un titular se acerca pero no termina de convencerte, nuestra guía de textos para capturas es una buena comprobación antes de publicarlo.

Sin clave vs. con clave de API: límites y precios

Una ejecución que falla, se agota o se rechaza se reembolsa automáticamente, y el agente puede volver a intentar el mismo set. En la página de precios tienes los precios actuales de créditos y planes. Trata el enlace de revisión como el enlace a un documento privado: cualquiera que lo tenga puede ver el set.

Ejemplos de prompts que funcionan

Puedes ser tan breve como quieras, pero un poco de orientación ayuda mucho.

• «Haz capturas para el App Store de esta app.»
• «Crea capturas para Play Store en alemán; empieza por el modo sin conexión.»
• «Haz capturas de las pantallas de onboarding, panel y ajustes en el simulador y conviértelas en un set para la tienda.»
• «Genera los sets de iPhone y iPad, oscuros y con aire premium.»
• «Usa las capturas de fastlane/screenshots/en-US. El público son diseñadores freelance; lo que nos diferencia es que facturan en la moneda de su cliente.»
• «Haz un set para el App Store en japonés, desenfadado, con nuestro naranja de marca #FF6B00.»

Estas peticiones se traducen en parámetros que acepta la herramienta: la plataforma, el idioma de la tienda (en-US, de-DE, ja, pt-BR, etc.), una nota de estilo opcional y si incluir el set para tablet. En Claude Code, el prompt /mcp__launchshots__store_screenshots también acepta una plataforma y un enfoque.

Consejos para mejores resultados

Dale pantallas reales con datos que parezcan reales

Esto importa más que cualquier otra cosa. Los titulares se escriben a partir de lo que hay en pantalla, así que un estado vacío produce un titular que no dice nada. Evita pantallas de inicio de sesión, diálogos de permisos, banners de depuración y lorem ipsum. Si el agente captura desde un simulador, haz que ponga una barra de estado limpia y cargue datos de demo primero; nuestra guía sobre capturas limpias desde el simulador y el emulador tiene los comandos, y tu agente puede ejecutarlos.

Dile qué pantallas te importan

Los agentes eligen con criterio, pero no saben en qué función te estás jugando la versión. Díselo. Y piensa en el orden: la primera captura hace casi todo el trabajo, así que merece la pena leer nuestro artículo sobre qué poner en tu primera captura del App Store antes de decidir con qué abrir.

Haz que la descripción sea concreta

El agente escribe la descripción de la app a partir de tu README. Si tu README es una guía de compilación, apúntale a un texto mejor: tu ficha de la tienda, tu landing o tu pitch. «Un tracker de hábitos» da titulares genéricos; «un tracker de hábitos para personas con TDAH que nunca te castiga por saltarte un día» da titulares con un enfoque.

Revisa antes de publicar

Lee cada titular como lo leería alguien que no conoce la app. Comprueba que lo que dices es cierto, que los precios y las cifras están al día y que nada de lo que se ve vaya a tropezar con App Review; nuestro repaso de por qué Apple rechaza capturas del App Store cubre los problemas habituales.

Úsalo también para localizar

Pide el mismo set en otro idioma de la tienda, o traduce el proyecto cuando ya esté en el editor. Si la interfaz de la app está localizada, haz que el agente capture también las pantallas localizadas, porque titulares en un idioma sobre una interfaz en otro se ven a medio hacer.

Si algo no funciona

• El agente no ve las herramientas. La mayoría de clientes cargan los servidores MCP al arrancar, así que reinicia la sesión después de editar la configuración. En Claude Code, /mcp lista los servidores conectados y su estado.
• No puede hacer capturas. El agente necesita un simulador arrancado o un emulador en marcha, además de permiso para ejecutar comandos de shell. Si no puede navegar por tu app, debería decirte qué pantallas abrir; también puedes indicarle una carpeta con capturas que ya tengas.
• Las subidas fallan. Las URL de subida son válidas durante dos horas, así que una pausa larga entre prepararlas y subir puede hacer que caduquen. Pídele al agente que empiece de nuevo con prepare_screenshot_upload. Los agentes sin shell pueden enviar las capturas directamente en la llamada, cada una de menos de 1 MB aproximadamente.
• Rechaza la clave de API. Una clave presente pero no válida devuelve un error en lugar de pasar al nivel gratuito. Busca un espacio de más o una clave antigua y revocada en la configuración.
• Los titulares son genéricos. Por nuestra experiencia, la causa suele estar en lo que le das. Pásale mejores pantallas y una descripción más afinada, y vuelve a ejecutarlo.

En resumen

• Añade el servidor una vez: una línea en Claude Code, unas pocas líneas de JSON en Cursor, VS Code, Windsurf o Gemini CLI, y TOML en Codex.
• Pide capturas para la tienda, o ejecuta /mcp__launchshots__store_screenshots en Claude Code.
• Asegúrate de que el agente envía de 3 a 8 pantallas clave con contenido realista, y dile qué función debe ir primero.
• Abre el enlace de revisión, elige una de las tres direcciones y termínala en el editor.
• Empieza sin clave; añade una clave de API cuando quieras los sets en tu cuenta, sets para tablet y más tiempo de conservación.

Si prefieres hacerlo a mano, el generador de capturas para el App Store hace lo mismo en el navegador, y nuestra guía paso a paso cubre el proceso de principio a fin.