Como gerar capturas de tela da App Store no Claude Code ou no Cursor
Conecte um servidor MCP uma vez e peça ao Claude Code ou ao Cursor capturas de tela da App Store feitas das suas telas reais. Configuração e prompts.
Para gerar capturas de tela da App Store a partir do Claude Code ou do Cursor, conecte um servidor MCP de capturas de tela ao agente e peça as capturas para a loja em linguagem natural. Com o Launch Shots, isso é uma linha no Claude Code: claude mcp add --transport http launchshots https://www.launchshots.com/api/mcp. O agente lê o seu código, reúne de três a oito telas principais, envia tudo e, uns dois minutos depois, te entrega um link com três direções de design prontas e editáveis.
Anunciamos o servidor em Apresentando o servidor MCP do LaunchShots. Este é o complemento prático: configuração para cada cliente, o que acontece em cada etapa, prompts que funcionam e o que costuma separar um bom conjunto de um genérico.
- O Model Context Protocol (MCP) é um padrão de código aberto para conectar aplicações de IA a sistemas externos, então um único servidor funciona no Claude Code, Cursor, VS Code, Windsurf, Codex CLI e Gemini CLI.
- O endpoint do servidor MCP do Launch Shots é https://www.launchshots.com/api/mcp; ele funciona sem chave num plano grátis, ou com uma chave de API em Authorization: Bearer, cobrada da sua conta.
- O agente envia de 3 a 8 capturas de tela reais mais uma descrição do app e recebe um link de revisão com três direções de arte que compartilham o mesmo conjunto de títulos.
- Escolher uma direção abre o conjunto no editor do Launch Shots, onde todo título, cor e moldura de dispositivo continua editável e é exportado em todos os tamanhos das lojas.
- A qualidade do resultado depende principalmente do que entra: telas com conteúdo realista e uma descrição específica do app.
O que é um servidor MCP e por que usar um para capturas de tela?
O Model Context Protocol (MCP) é um padrão de código aberto para conectar aplicações de IA a sistemas externos. Um servidor MCP expõe ferramentas que um agente pode chamar, e qualquer cliente que fale o protocolo pode usá-las. É por isso que o mesmo endpoint do Launch Shots funciona num agente de terminal, numa IDE e num app de chat.
Capturas de tela combinam bem com isso porque a parte difícil não são os pixels. É saber o que o app faz, quais telas importam e como descrevê-las, e um agente de programação que está dentro do seu repositório já tem boa parte desse contexto. Ele pode ler o README, encontrar as telas no código e, se conseguir rodar um simulador, capturá-las.
Como adicionar o servidor MCP do Launch Shots ao seu agente
Estes são os trechos do plano grátis, exatamente como aparecem na página de documentação do servidor MCP. Se você criar uma chave de API, o mesmo trecho ganha um cabeçalho Authorization; as configurações da conta te dão a versão pronta quando você cria a chave.
Claude Code
claude mcp add --transport http launchshots https://www.launchshots.com/api/mcpCom uma chave de API:
claude mcp add --transport http launchshots https://www.launchshots.com/api/mcp \
--header "Authorization: Bearer ls_key_…"Depois digite /mcp__launchshots__store_screenshots, ou simplesmente peça as capturas de tela para a loja.
Cursor
Em ~/.cursor/mcp.json:
{
"mcpServers": {
"launchshots": {
"url": "https://www.launchshots.com/api/mcp"
}
}
}VS Code
Em .vscode/mcp.json:
{
"servers": {
"launchshots": {
"type": "http",
"url": "https://www.launchshots.com/api/mcp"
}
}
}Se você adicionar uma chave aqui, deixe o arquivo fora do controle de versão ou mova a chave para uma variável de entrada. Esse arquivo fica no seu repositório.
Windsurf, Codex CLI e Gemini CLI
Windsurf, em ~/.codeium/windsurf/mcp_config.json:
{
"mcpServers": {
"launchshots": {
"serverUrl": "https://www.launchshots.com/api/mcp"
}
}
}Codex CLI, em ~/.codex/config.toml:
[mcp_servers.launchshots]
url = "https://www.launchshots.com/api/mcp"Gemini CLI, em ~/.gemini/settings.json:
{
"mcpServers": {
"launchshots": {
"httpUrl": "https://www.launchshots.com/api/mcp"
}
}
}Repare que cada cliente dá um nome diferente para a chave da URL (url, serverUrl, httpUrl), então copie o trecho do seu cliente em vez de adaptar o de outro. Qualquer outro cliente que fale Streamable HTTP funciona só com a URL. No Claude.ai e no Claude Desktop, o caminho é Configurações, depois Conectores, depois Adicionar conector personalizado; cabeçalhos personalizados ainda não são suportados ali, então ele roda no nível gratuito.
O que o agente faz quando você pede capturas de tela
O próprio servidor diz ao agente como trabalhar, então você não precisa. Uma execução típica é assim:
- Ele conhece o app. Lê o README, qualquer texto da loja que esteja no repositório (
fastlane/metadataou algo parecido) e as telas principais no código, e anota o nome do app, o que ele faz, para quem é e o que o diferencia. - Ele reúne de 3 a 8 capturas de tela. Primeiro procura capturas recentes (
fastlane/screenshots,screenshots/,docs/,assets/). Se não encontrar, captura comxcrun simctl io booted screenshotouadb exec-out screencap -p, navegando sozinho se conseguir, ou pedindo que você abra as telas se não conseguir. Ele te mostra a lista antes de enviar. - Ele envia e inicia o design.
prepare_screenshot_uploaddevolve uma URL de upload por captura, com comandos curl prontos para rodar;generate_screenshot_setinicia o design e devolve o link de revisão na hora. - Ele espera e te dá o retorno.
get_screenshot_setespera o resultado, e então o agente te passa o link e o título escrito para cada tela.
Agentes que não conseguem rodar comandos de shell podem enviar capturas pequenas inline em vez de fazer upload. Há mais duas ferramentas: get_account (em qual conta você está e quanto ainda resta) e list_projects (projetos recentes, com chave).
O que você recebe
O link de revisão abre uma página com o seu conjunto em três direções de arte. As três compartilham o mesmo conjunto de títulos, escritos tela a tela a partir do que de fato aparece nelas e da descrição que o agente enviou. Você escolhe a direção de que mais gosta e ela abre no editor do Launch Shots como um projeto normal.
Nada fica travado. Todo título, cor e moldura de dispositivo é editável, e o projeto exporta em todos os tamanhos que o App Store Connect e o Google Play Console exigem, ou publica direto neles. Se um título chegou perto mas não ficou bem certo, nosso guia de copywriting para capturas de tela é uma boa conferida antes de publicar.
Sem chave x chave de API: limites e preços
| Sem chave (plano grátis) | Chave de API | |
|---|---|---|
| Conjuntos | Alguns por dia por conexão, de uma cota diária compartilhada | 3 gerações gratuitas, depois 1 crédito cada, ou até 50 por mês no Launch Kit ou no plano ilimitado |
| Guardar o conjunto | Cadastro gratuito pelo link de revisão | Abre direto nos seus projetos |
| Conjunto para tablet | Não disponível | Sim, conta como uma segunda geração |
| Quem pode abrir | Quem reivindicar o link primeiro | Só a conta da chave |
| Conjuntos não reivindicados ficam guardados por | 14 dias | 30 dias |
Uma execução que falha, estoura o tempo ou é recusada é reembolsada automaticamente, e o agente pode tentar o mesmo conjunto de novo. A página de preços traz os valores atuais de créditos e planos. Trate o link de revisão como o link de um documento privado: qualquer pessoa que o tenha pode ver o conjunto.
Exemplos de prompts que funcionam
Você pode ser tão breve quanto quiser, mas um pouco de direção ajuda muito.
- “Crie capturas de tela da App Store para este app.”
- “Crie capturas de tela da Play Store em alemão — comece pelo modo offline.”
- “Tire capturas das telas de onboarding, dashboard e configurações no simulador e depois transforme isso num conjunto para a loja.”
- “Gere os conjuntos para iPhone e iPad, escuros e com cara premium.”
- “Use as capturas em
fastlane/screenshots/en-US. O público são designers freelancers; o diferencial é emitir faturas na moeda do cliente.” - “Crie um conjunto para a App Store em japonês, descontraído, usando o laranja da nossa marca, #FF6B00.”
Esses pedidos correspondem às entradas que a ferramenta aceita: a plataforma, o idioma da loja (en-US, de-DE, ja, pt-BR e assim por diante), uma nota de estilo opcional e se deve incluir o conjunto para tablet. No Claude Code, o prompt /mcp__launchshots__store_screenshots também aceita uma plataforma e um foco.
Dicas para resultados melhores
Dê telas reais, com dados que pareçam reais
Isso importa mais do que qualquer outra coisa. Os títulos são escritos a partir do que está na tela, então uma tela vazia gera um título sobre nada. Evite telas de login, diálogos de permissão, banners de debug e lorem ipsum. Se o agente estiver capturando num simulador, peça que ele deixe a barra de status limpa e carregue dados de demonstração antes; nosso guia de capturas de tela limpas no simulador e no emulador tem os comandos, e o seu agente pode rodá-los.
Diga quais telas importam para você
Os agentes escolhem com bom senso, mas não sabem em qual recurso você está apostando a versão. Diga qual é. E pense na ordem: a primeira captura faz a maior parte do trabalho, então vale ler nosso post sobre o que colocar na primeira captura de tela da App Store antes de decidir qual vem na frente.
Deixe a descrição específica
O agente escreve a descrição do app a partir do seu README. Se o seu README é um guia de build, aponte para um texto melhor: sua página na loja, sua landing page ou seu pitch. “Um app de hábitos” rende títulos genéricos; “um app de hábitos para pessoas com TDAH que nunca pune um dia perdido” rende títulos com um ângulo.
Revise antes de publicar
Leia cada título como um desconhecido leria. Confira se as afirmações são verdadeiras, se preços e números estão atualizados e se nada do que aparece pode travar na App Review; nosso resumo de por que a Apple rejeita capturas de tela da App Store cobre os problemas mais comuns.
Use também para localização
Peça o mesmo conjunto em outro idioma da loja, ou traduza o projeto quando ele já estiver no editor. Se a interface do app é localizada, peça ao agente que capture também as telas localizadas, porque títulos num idioma sobre uma interface em outro passam a sensação de coisa inacabada.
Se algo não funcionar
- O agente não vê as ferramentas. A maioria dos clientes carrega os servidores MCP na inicialização, então reinicie a sessão depois de editar a configuração. No Claude Code,
/mcplista os servidores conectados e o status de cada um. - Ele não consegue capturar as telas. O agente precisa de um simulador iniciado ou de um emulador rodando, além de permissão para executar comandos de shell. Se ele não conseguir navegar pelo seu app, deve te dizer quais telas abrir; você também pode apontá-lo para uma pasta com capturas que já existem.
- Os uploads falham. As URLs de upload valem por duas horas, então uma pausa longa entre preparar e enviar pode fazer com que expirem. Peça ao agente para recomeçar com
prepare_screenshot_upload. Agentes sem shell podem enviar as capturas inline, cada uma com menos de 1 MB, mais ou menos. - A chave de API é rejeitada. Uma chave presente mas inválida devolve um erro em vez de cair no nível gratuito. Procure um espaço sobrando ou uma chave antiga e revogada na configuração.
- Os títulos saem genéricos. Pela nossa experiência, a causa costuma ser o que entra. Dê ao agente telas melhores e uma descrição mais afiada e rode de novo.
Crie capturas de tela prontas para as lojas em minutos — grátis, sem marca d'água na exportação.
Você começa a usar o Launch Shots de graça. Todos os modelos (110+), mais de 220 molduras de dispositivo e mockups 3D, tradução por IA e upload direto para o App Store Connect e o Google Play Console. Sem cartão de crédito.
Começar grátis →Resumindo
- Adicione o servidor uma vez: uma linha no Claude Code, algumas linhas de JSON no Cursor, VS Code, Windsurf ou Gemini CLI, TOML no Codex.
- Peça capturas de tela para a loja, ou rode
/mcp__launchshots__store_screenshotsno Claude Code. - Garanta que o agente envie de 3 a 8 telas principais com conteúdo realista e diga a ele qual recurso deve vir primeiro.
- Abra o link de revisão, escolha uma das três direções e finalize no editor.
- Comece sem chave; adicione uma chave de API quando quiser os conjuntos na sua conta, conjuntos para tablet e retenção mais longa.
Se preferir fazer à mão, o gerador de capturas de tela para a App Store faz o mesmo trabalho no navegador, e nosso passo a passo cobre o processo de ponta a ponta.
Perguntas frequentes
05- Um agente de programação com IA consegue criar capturas de tela da App Store?
- Um agente de programação não consegue criar o design de um conjunto de capturas de tela sozinho, mas consegue operar uma ferramenta que faz isso. Conectado a um servidor MCP de capturas de tela como o Launch Shots, o Claude Code ou o Cursor pode ler o seu README, reunir ou capturar as telas principais, enviá-las e devolver um link para designs prontos e editáveis. Você ainda revisa e escolhe uma direção antes de exportar qualquer coisa.
- Preciso de uma chave de API para usar o servidor MCP do Launch Shots?
- Não. Sem chave, o servidor roda num plano grátis que sai de uma pequena cota diária compartilhada, e você cria uma conta gratuita a partir do link de revisão para guardar o conjunto. Com uma chave de API, gerada nas configurações da conta, os conjuntos ficam vinculados à sua conta, usam as gerações dela, abrem direto nos seus projetos e podem incluir um conjunto para tablet.
- Quanto tempo um agente leva para gerar um conjunto de capturas de tela?
- O design do conjunto leva de um a dois minutos depois que as capturas são enviadas. O tempo total depende principalmente do agente: encontrar capturas que já existem no repositório é rápido, enquanto capturar telas novas num simulador demora mais, principalmente se o agente precisar que você abra as telas para ele. O agente espera o resultado e depois te entrega o link de revisão.
- Gerar capturas de tela pelo MCP custa mais do que usar o app web?
- Não. Com uma chave de API, um conjunto feito pelo servidor MCP do Launch Shots custa o mesmo que um gerado no app: toda conta ganha 3 gerações gratuitas, depois cada uma custa 1 crédito, ou está incluída até 50 por mês no Launch Kit e no plano ilimitado. Um conjunto para tablet conta como uma segunda geração, e execuções que falham são reembolsadas automaticamente.
- Posso usar o servidor MCP do Launch Shots no Claude.ai ou no Claude Desktop?
- Pode. No Claude.ai ou no Claude Desktop, abra Configurações, depois Conectores, escolha Adicionar conector personalizado e informe https://www.launchshots.com/api/mcp. Cabeçalhos personalizados ainda não são suportados ali, então ele roda no plano grátis, sem chave de API. Como um app de chat normalmente não consegue rodar um simulador, você anexaria capturas de tela que já tem em vez de pedir que ele as capture.
