Deixe Claude Code, Codex ou Gemini CLI desenhar seus screenshots de loja de apps. Seu agente cria projetos editáveis, revisa no navegador e entrega o link para exportar.
https://appscreenshots.net/api/mcpUm comando para adicionar. Incluído nos planos gratuito e pagos.
O que é MCP?
O AppScreenshots mantém um servidor MCP (Model Context Protocol) hospedado em https://appscreenshots.net/api/mcp que permite a ferramentas de IA como Claude Code, Codex e Gemini CLI criar, editar e revisar projetos de screenshots de loja de apps na sua conta — com login OAuth no navegador e sem chave de API.
O design e os textos ficam por conta do seu agente de IA. O servidor MCP salva projetos reais e editáveis: templates, mockups de dispositivos, títulos e fundos viram um projeto que você continua refinando quadro a quadro.
A pré-visualização e a exportação ficam no editor do site, então nada é publicado antes de passar pelos seus olhos.
Ele monta screenshots de marketing prontos para loja — mockups de dispositivos, títulos, gradientes e textos localizados — como projetos editáveis a partir dos seus templates e recursos autorizados.
Ferramentas como simctl ou fastlane snapshot fotografam o que já está na tela do dispositivo. Use-as para capturas brutas e suba essas imagens aqui como recursos.
Comece aqui
Adicione o endpoint abaixo ao seu cliente e conclua o login no navegador para autorizar o acesso. Todos os clientes desta página suportam Streamable HTTP e OAuth.
claude mcp add --transport http --scope user appscreenshots https://appscreenshots.net/api/mcpclaude mcp add --transport http --scope user appscreenshots https://appscreenshots.net/api/mcpDepois: Execute /mcp no Claude Code e autorize o AppScreenshots no navegador.
{
"mcpServers": {
"appscreenshots": {
"type": "http",
"url": "https://appscreenshots.net/api/mcp"
}
}
}{
"mcpServers": {
"appscreenshots": {
"type": "http",
"url": "https://appscreenshots.net/api/mcp"
}
}
}codex mcp add appscreenshots --url https://appscreenshots.net/api/mcpcodex mcp add appscreenshots --url https://appscreenshots.net/api/mcpDepois: Execute codex mcp login appscreenshots para abrir o login no navegador.
[mcp_servers.appscreenshots]
url = "https://appscreenshots.net/api/mcp"[mcp_servers.appscreenshots]
url = "https://appscreenshots.net/api/mcp"gemini mcp add --transport http --scope user appscreenshots https://appscreenshots.net/api/mcpgemini mcp add --transport http --scope user appscreenshots https://appscreenshots.net/api/mcpDepois: Dentro do Gemini CLI, execute /mcp auth appscreenshots.
{
"mcpServers": {
"appscreenshots": {
"httpUrl": "https://appscreenshots.net/api/mcp",
"oauth": {
"enabled": true
}
}
}
}{
"mcpServers": {
"appscreenshots": {
"httpUrl": "https://appscreenshots.net/api/mcp",
"oauth": {
"enabled": true
}
}
}
}https://appscreenshots.net/api/mcphttps://appscreenshots.net/api/mcpDepois: Abra /mcp-config no Kimi Code, adicione o servidor HTTP acima e execute /mcp-config login appscreenshots. Reinicie a sessão depois de salvar.
{
"mcpServers": {
"appscreenshots": {
"url": "https://appscreenshots.net/api/mcp"
}
}
}{
"mcpServers": {
"appscreenshots": {
"url": "https://appscreenshots.net/api/mcp"
}
}
}https://appscreenshots.net/api/mcphttps://appscreenshots.net/api/mcpDepois: Mescle a configuração em ~/.zcode/cli/config.json sob mcp.servers, ou adicione o serviço HTTP em Settings → MCP. Reinicie a sessão e conclua o login OAuth quando ele aparecer.
{
"mcp": {
"servers": {
"appscreenshots": {
"type": "http",
"url": "https://appscreenshots.net/api/mcp"
}
}
}
}{
"mcp": {
"servers": {
"appscreenshots": {
"type": "http",
"url": "https://appscreenshots.net/api/mcp"
}
}
}
}https://appscreenshots.net/api/mcphttps://appscreenshots.net/api/mcpDepois: Use a entrada de conexão MCP personalizada da sua conta ou workspace com o endpoint acima e OAuth. A disponibilidade depende dos controles do workspace.
O kit público de conexão no GitHub traz arquivos de configuração prontos para todos os clientes acima, um Skill opcional que ensina o fluxo de trabalho e um comando doctor que verifica o servidor pelo terminal.
Ver appscreenshots-mcp no GitHubFerramentas
Ferramentas de leitura inspecionam capacidades, templates, projetos e recursos. As de escrita criam projetos e aplicam edições estruturadas com controle de revisão.
| Ferramenta | O que faz |
|---|---|
get_capabilities | Lê seus direitos, limites de design, dispositivos e modos de pré-visualização/exportação |
search_templates | Pesquisa metadados de templates públicos |
get_template | Lê um template que você tem direito de usar |
list_projects | Lista seus projetos autorizados, 25 por página |
get_project | Lê a revisão atual de um projeto e seu design editável |
get_project_preview | Obtém o link do editor, revisão, páginas e instruções de revisão no navegador |
list_assets | Lista recursos compartilhados e os de projetos autorizados |
| Ferramenta | O que faz |
|---|---|
create_project | Cria um projeto a partir de um template ou tela em branco |
update_project | Aplica edições estruturadas com proteção de revisão e idempotência |
Como funciona
O fluxo padrão que qualquer agente conectado pode seguir.
Adicione o servidor MCP no seu cliente e faça login com sua conta do AppScreenshots. Na página de consentimento, escolha os projetos e recursos que a ferramenta pode usar e se ela pode criar projetos.
Peça um conjunto de screenshots em linguagem natural. O agente lê as capacidades, pesquisa templates e cria um projeto editável.
A ferramenta de pré-visualização devolve o link do editor. Um agente com ferramentas de navegador o abre, inspeciona os screenshots e corrige problemas visuais via MCP.
Toda escrita tem controle de revisão e idempotência, então você pode localizar, trocar dispositivos ou restilizar pedindo — sem quebrar quadros anteriores.
Abra o mesmo projeto no editor do site e exporte imagens prontas para loja. Pré-visualização e exportação ficam sempre nas suas mãos.
Crie um projeto de screenshots em inglês para a App Store a partir de um template disponível usando meus recursos autorizados. Use títulos curtos e layout limpo. Abra o editor com as ferramentas de navegador disponíveis, inspecione os screenshots, corrija problemas visuais e me entregue o link do projeto para exportar no site.
Exemplos
O projeto continua editável, então pedidos seguintes custam pouco.
“Duplique os quadros atuais em japonês e alemão. Mantenha o layout, traduza os títulos e mantenha o texto traduzido até 20% maior que a versão em inglês.”
“Troque os mockups para um modelo Pro Max maior e ajuste o gradiente de fundo para manter a composição equilibrada.”
“Mude o segundo quadro para fundo escuro, mova o título para o terço superior e use a cor de destaque secundária na legenda.”
Segurança e limites
O acesso MCP tem escopo definido, é observável e pode ser revogado a qualquer momento.
FAQ
O que desenvolvedores perguntam antes de conectar uma ferramenta de IA.
Adicione o servidor MCP do AppScreenshots à sua ferramenta de IA e transforme um prompt em um projeto de screenshots editável e pronto para loja.